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


/*------------------------hide mobile / hide desktop switch*/

/* Default = Mobile: */
.hide_mobile {
  display: none !important;
}
.hide_desktop {
  display: inline;
}

/* Desktop OR Mobile (>=1126px): swap element visibility */
@media (min-width: 1126px) {
  .hide_mobile {
    display: inline !important;
  }
  .hide_desktop {
    display: none !important;
  }
}



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


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


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