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

/* TYPOGRAPHY */
.text-l{
	font-size: clamp(2rem, 1.9878rem + 0.0338vw, 2.4rem);
}
.text-m{
	font-size: clamp(1.8rem, 1.7939rem + 0.0169vw, 2rem);
}
.text-s{
	font-size: 1.4rem;
}
.head-gradient{
	background: linear-gradient(147deg, #2F3A79 7.07%, #5361B1 94.44%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

/* HEADER BUTTON */
.mobile--hdr-btn{
	display: none;
}

@media only screen and (max-width: 991px){
	.mobile--hdr-btn{
		display: block;
		background: var(--primary-color);
		color: #fff;
		padding: 0px 25px;
		border-radius: 6px;
		text-align: center;
	}
	.bricks-mobile-menu-wrapper {
		padding: 5rem 2rem;
	}
}

/* CARD TRANSITION */
.card2__cta {
  opacity: 0;
  transition: opacity 0.3s ease;
}
.card2:hover .card2__cta {
  opacity: 1;
}
.card3 {
  transition: background-color 0.3s ease;
}
.card3:hover {
  background-color: #68E7D0 !important;
  color: #fff;
}
.card3:hover .card3__svg {
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7489%) hue-rotate(228deg) brightness(107%) contrast(105%);
}
.doctor-card__cta {
  opacity: 0;
  transition: opacity 0.5s ease;
}
.doctor-card:hover .doctor-card__cta {
  opacity: 1;
}

/* ACCORDION */
.accordion__item:hover{
	background-color: var(--tertiary) !important;
}
.accordion__item.brx-open {
  background-color: var(--tertiary) !important;
}

/* DOCTORS SINGLE */
.doctor__bio{
  transform-style: preserve-3d;
}
.doctor__bio::before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: -170px;
  background: var(--tertiary);
  top: 50%;
  transform: translateZ(-1px) translateY(-40%);
  border-radius: 50%;
}

/* HOMEPAGE */
.circle__img{
  transform-style: preserve-3d;
}
.circle__img::before {
  content: '';
  width: 90%;
  height: 100%;
  position: absolute;
  left: -170px;
  background: var(--tertiary);
  top: 50%;
  transform: translateZ(-1px) translateY(-60%);
  border-radius: 50%;
}

/* SINGLE POSTS */
.single-post p {
  color: #2c2c2c;
}



.waze-contact .icon svg {
  filter: brightness(0) saturate(100%) invert(19%) sepia(87%) saturate(646%) hue-rotate(198deg) brightness(96%) contrast(93%);
}

/* GENERAL OPHTHALMOLOGY */
.text--pill{
	font-size: 14px;
    background: #fff;
    border-radius: 20px;
    padding: 7px 15px;
    box-shadow: rgba(47, 58, 121, 0.15) 0px 0px 0px 1px inset;
}

.bullet-card__text:before{
	content: '';
	width: 8px;
	height: 8px;
	border-radius: 50%;
	display: block;
	background: rgb(4, 215, 177);
}

/* CATARACT AND REFRACTIVE */
.card-treatment__border {
    transition: transform 220ms cubic-bezier(.2, 0, .2, 1), box-shadow 220ms cubic-bezier(.2, 0, .2, 1), border-color 140ms cubic-bezier(.2, 0, .2, 1);
}
.card-treatment__border:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 28px rgba(28, 35, 73, .12);
    border: 1px solid #7BCBCC !important;
}
.card-w-number__text ul li::marker {
    color: #7bcbcc;
}
.card-w-icon ul li::marker{
    color: #7bcbcc;
}
.icon--box p {
    margin: 0 0 7px;
}