/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

/**** SITE MENU GLASS EFFECT ****/

.bricks-header {
  background: rgba(255, 255, 255, 0.65);
  backdrop-filter: blur(14px) saturate(180%);
  -webkit-backdrop-filter: blur(14px) saturate(180%);
  border: 1px solid rgba(255, 255, 255, 0.7);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  position: relative;
  overflow: hidden;
}

.bricks-header::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.7) 0%,
    rgba(255, 255, 255, 0.6) 100%
  );
  pointer-events: none;
  mix-blend-mode: overlay;
}

.bricks-header::after {
  content: "";
  position: absolute;
  inset: 0;
  box-shadow: inset 0 0 30px rgba(255, 255, 255, 0.1);
  pointer-events: none;
}

.smooth-out {
	
}

	/*** Homepage Only Menu ***/

.bricks-header-2 {
  background: rgba(44, 45, 49, 0.65);
  backdrop-filter: blur(14px) saturate(180%);
  -webkit-backdrop-filter: blur(14px) saturate(180%);
  border: 1px solid rgba(44, 45, 49, 0.7);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  position: relative;
  overflow: hidden;
}

.bricks-header-2::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    135deg,
    rgba(44, 45, 49, 0.7) 0%,
    rgba(44, 45, 49, 0.5) 100%
  );
  pointer-events: none;
  mix-blend-mode: overlay;
}

.bricks-header-2::after {
  content: "";
  position: absolute;
  inset: 0;
  box-shadow: inset 0 0 30px rgba(44, 45, 49, 0.1);
  pointer-events: none;
}






/**** Paragraph Text Highlight Effect ****/

.highlighter {
	background-color: rgba(62,137,229,0.5);
	border: 0px solid #78ADED;
	border-radius: 3px;
	padding: 2px 4px 2px 5px;
	font-weight: 600;
	margin-right: 1px;
}

.boldr {
	font-weight: 700;	
}



/**** Portfolio Pages Linked Posts - At Bottom ****/

#brxe-povrja .image {
	border-radius: 10px;
}