/*
 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
*/


/* Change highlight colour */
::selection {
    background: #E50026;
    color: #ffffff; /* White text ensures contrast */
}

/* Firefox highlight backup */
::-moz-selection {
    background: #E50026;
    color: #ffffff;
}


/* Reduce post gutter */

#brxe-uoshfd .bricks-layout-wrapper {
    --gutter: 20px !important;
    --columns: 1;
}

/*------*/


/*-----Bold italic font-----*/

span.font_bold-italic{
	font-family: "Ivar Display" !important;
    font-weight: 400 !important;
    font-style: italic !important;
}

/*-------------------------*/

/* Read More Button transition */

div.dynamic{
	transition: color 0.3s ease-in-out, background 0.3s ease-in-out;
}

/*------------------------------*/


/*-----Image Hover Animation------*/

.repeater-item .image-wrapper {
  /* Alternative to overflow: hidden */
  clip-path: inset(0); 
}

.repeater-item .image-wrapper img {
  /* Force the image to fill the container */
  width: 100%;
  height: 100%;
  min-width: 100%;
  min-height: 100%;
  
  /* Ensure it doesn't stretch/squash */
  object-fit: cover;
  display: block; 
  
  /* The Luxury Animation */
  transition: transform 4s ease;
}

.repeater-item:hover .image-wrapper img {
  transform: scale(1.08);
}

/*--------------text hover animation*/

.repeater-item h2,
.repeater-item h3{
	transition: color 0.8s ease;
}


.repeater-item:hover h2,
.repeater-item:hover h3{
	color: #707070!important;
}


/*------------------------------*/