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

/* Smooth scrolling */
html {
  scroll-behavior: smooth;
}

/* Default = Mobile: */
.hide_mobile {
  display: none;
}
.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;
  }
}
/*-----------OR End-----------*/

/*Google review widget styling*/

.ti-widget.ti-goog .ti-header span, .ti-widget.ti-goog a.ti-header.ti-header-grid strong {
    font-size: 14px;
    color: #fff !important;
    height: 20px;
    color: #fff !important;
}

/*seperator color*/

.ti-widget.ti-goog .ti-separator:before {
    color: #fff;
}
/*------Google Review End------*/

/*Button transitions*/

.bricks-button{
transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;

}

/*---Button Transition End-----*/

/*Stop image drag*/

img {
  -webkit-user-drag: none; /* Safari/Chrome */
  user-drag: none;         /* non-standard, but harmless */
}

/*------Load In Animation-------*/

#brxe-igtjwg li figure img,
.ani-slide_in,
.team_item,
.press_container,
.blog_post-container{
  opacity: 1;
  transform: translateY(0);
  animation: slideIn .6s ease-in-out;
}

@keyframes slideIn {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  /* you can omit "to" because it will go to the .slide-in styles */
}
/* Font family classes */

.font_poppins{
	font-family: poppins, serif !important;
}

.font_sora{
	font-family: Sora, serif !important;
}
