/*
 Theme Name:   Andover Eye
 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
*/

:root{
	--andover-teal:#B5FCCD;
	--andover-lt-blue:#7AC6D2;
	--andover-dk-blue:#001042;
	--andover-blue-purple:#3A59D1;
	--primary-font-size:3.4rem;
	--once-again-another-font-size:3rem;
	--secondary-font-size:2rem;
	--primary-line-height:3.8rem;
}

body{
	overflow-x:hidden;
}

.white-span{
	color:#FFFFFF;
}

.light-blue-span{
	color:var(--andover-lt-blue);
}

.teal-span{
	color:var(--andover-teal);
}

.blue-span{
	color:var(--andover-blue-purple);
}

.big-blue-span{
	color:var(--andover-blue-purple);
	font-size:4rem;
	font-weight:800;
}

.big-teal-span{
	color:var(--andover-teal);
	font-size:4rem;
	font-weight:800;
}

.brxe-button{
	cursor:pointer;
}

.show-desktop{
	display:flex;
}

.show-desktop-block{
	display:block;
}

.show-tablet-block{
	display:none;
}


.show-tablet{
	display:none;
}

.section--full{
	padding-left:0px !important;
	padding-right:0px !important;
}

.section--110{
	padding-left:110px !important;
	padding-right:110px !important;
}



.container--border65{
	padding:65px;
}

.container-match-padding{
	padding-right:160px;
	padding-left:160px;
}

.container-match-padding-left{
	padding-left:160px;
}

.container-match-padding-right{
	padding-right:160px;
}

.container--stack-3{
	
}

.text-big--header{
	font-size:var(--primary-font-size);
	line-height:var(--primary-line-height);
}

.text-semibig-header{
	font-size:var(--once-again-another-font-size);
	font-weight:700;
}

.text-bold--mediumheader{
	font-size:var(--secondary-font-size);
	line-height:var(--secondary-line-height);
	font-weight:800;
}

.header--btn-schedule-mobile{
	display:none;
}

li.menu-item:has(.header--btn-schedule-mobile:only-child) {
  display: none;
}

.nav--logo-mobile{
	display:none;
}

.nav--logo-desktop{
	display:flex;
}

.header--nav-inner .menu-item {
  position: relative; /* Needed for ::after positioning */
  padding-right: 0px; 
  margin-right: 0px; 
}

.header--nav-inner .menu-item:nth-child(-n+5)::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -15px;
  transform: translateY(-50%);
  width: 1px;
  height: 175%;
  background-color: var(--andover-dk-blue); 
}

#home-hero{
	position:relative;
	z-index:0;
	overflow:visible;
}

#hero--pattern{
	content:"";
	position:absolute;
	bottom:-50px;
	left:50%;
	transform:translateX(-50%);
	width:calc(100% + 100px);
	aspect-ratio:5.9;
	height:auto;
	z-index: -3;
	pointer-events: none;
	display:block;
	max-width:none;
}

#home-hero::before{

}
/* all the hero styles */

.main-slider{
	background:transparent;
	
}

.hero-1-right{
	position:absolute;
	width:calc(35% + 115px);
	top:0%;
	max-width:none;
	left:71%;
	
	img{
		width:80%;
	}
}

.hero-1-left{
	position:absolute;
	width:calc(25% + 115px);
	top:20%;
	max-width:none;
	left:0%;
	img{
		width:80%;
	}
}

.hero-slide{
	width:100% !important;
	height:70vh !important; 
	max-height:560px !important;
}

.hero-3-right{
	position:absolute;
	width:calc(35% + 115px);
	top:-36%;
	max-width:none;
	left:62%;
	
	img{
		width:100%;
	}
}

.hero-3-left{
	position:absolute;
	width:calc(25% + 115px);
	top:40%;
	max-width:none;
	left:0%;
	img{
		width:100%;
	}
}

.hero-5-square{
	position:absolute;
	width:calc(50% + 115px);
	top:7%;
	max-width:none;
	left:15%;
	z-index:2;
	
	img{
		width:100%;
	}
}

.hero-5-right{
	position:absolute;
	width:calc(35% + 115px);
	top:-34%;
	max-width:none;
	left:62%;
	z-index:3;
	
	img{
		width:100%;
	}
}

.hero-5-left{
	position:absolute;
	width:calc(25% + 115px);
	top:20%;
	max-width:none;
	left:0%;
	z-index:3;
	img{
		width:100%;
	}
}

.inner-slide{
	  height:94%;
	  width:95% !important;
	  flex: 0 0 auto !important;
}
@media (max-width: 1150px) {
	.main-slider h3{
		font-size:10rem !important;
	}
	.main-slider h1{
		font-size:3rem !important;
		line-height:3rem !important;
	}
}

/* hero slides mobile */
@media (max-width: 991px) {
	.main-slider{
		min-height:80vh;
	}
	.hero-slide{
		height:85vh !important;
	}
	.inner-slide{
		height:100% !important;
	}
	.hero-slide-btn{

	}
	.hero-1-right{
		position:absolute;
		top:70%;
	}

	.hero-1-left{
		width:calc(25% + 115px);
		top:-15%;
		left:0%;
	}
}

@media (max-width: 768px) {
	.hero-1-right{
		left:45%;
	}
	.hero-5-right{
		position:absolute;
		width:calc(35% + 115px);
		top:54%;
		max-width:none;
		left:83%;
		z-index:3;
	
		img{
			width:100%;
		}
	}
	.hero-3-left{
		top:55%;
	}
	.hero-3-right{
		top:-15%;
	}

	.hero-5-left{
		top:-10%;
	}
}



.home--clinical-research-texture{
	mix-blend-mode:overlay;
	z-index:0;
	pointer-events:none;
}

.svg--pattern-bknd{
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index: -1;
	pointer-events: none;
	display:block;
	max-width:none;
}

.svg--pattern-bknd svg {
    width: 100%;
    height: 100%;
    display: block;
}

.home--team-mobile{
	display:none;
}
.home--team-desktop{
	display:flex;
}

.footer--wrapper{
	ul{
		list-style-type: none;
		padding-left:0;
		font-size:1rem;
	}
	li{
		margin-bottom:.5rem;
	}
}

.footer--wrapper a:hover {
	color: var(--andover-dk-blue) !important;
}

.form--footer-email{
	display:flex;
	flex-wrap:nowrap;
	padding-top:15px;
	align-items:center;
	justify-content:center;
	
	.form-group{
		padding-bottom:0;
	}
	.submit-button-wrapper button{
	    padding-top: 13px;
	    padding-bottom: 13px;
	    border-top-left-radius: 0px !important;
	    border-bottom-left-radius: 0px !important;
	}
}

.column--left-overlap {
  flex: 0 0 52%;
  position: relative;
  background-color: transparent; /* actual blue handled by ::after */
  z-index: 1;
}

.column--left-overlap::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--andover-blue-purple);
  border-top-right-radius: 100px;
  z-index: -1;
}

.column--left-under {
  flex: 0 0 48%;
  background-color: var(--andover-teal);
  z-index: 0;
  margin-left:-10%;
  padding-left:calc(10% + 60px) !important;
}

.container--rounded-corner-top-right{
	border-top-right-radius: 100px;
	overflow:hidden;
}

.container--rounded-corner-bottom-right{
	border-bottom-right-radius: 100px;
	overflow:hidden;
}


.container--rounded-corner-top-left{
    border-top-left-radius: 100px;
	overflow:hidden;
}

.container--rounded-corner-bottom-left{
    border-bottom-left-radius: 100px;
	overflow:hidden;
}

.container--bottom-overlap {
	position: absolute !important;
	bottom: -2.5rem; /* Half its height outside the container */
	left: 0;
	width: 90% !important;
	z-index: 2;
	left:5%;
}


.wrapper--grid-team{
	grid-template-columns: 35fr 65fr;
	grid-template-areas:
	  "name--grid-team title--grid-team"
	  "img--grid-team desc--grid-team";
	align-items: start;
	grid-gap:65px;
}

.name--grid-team{
	
}

.title--grid-team{
	
}

.img--grid-team{
	
}

.desc--grid-team{
	
}

.button--team-bio{
	display:none;
}

.team--bios-wrapper::after{
	content:"";
	position:absolute;
	bottom:-30px;
	left:70%;
	background: url('images/eye-halftone.webp');
	width:50%;
	aspect-ratio:1/1;
	background-size:cover;
}

.patient-phone::before{
	content: "";
	    position: relative;
	    background: url(images/phone.svg);
	    width: 30px;
	    aspect-ratio: 1 / 1;
	    background-size: cover;
	    display: inline-block;
	    vertical-align: middle;
	    padding-left: 5px;
	    margin-right: 20px;
}

.team--bios-wrapper{
	border-top-right-radius:100px;
	border-bottom-left-radius:100px;
}

.wrapper--map-desktop{
	position:absolute;
	top:-7.5%;
	left:-5%;
	max-width:600px;
}

.wrapper--map-desktop img{
	display:block;
}

.wrapper--map-mobile img{
	display:none;
}

.bottom-border-extended::after {
  content: "";
  position: absolute;
  left: -20px;
  right: -20px;      /* span full width of parent */
  bottom: 0;     /* stick to bottom of child */
  height: 1px;   /* border thickness */
  background: #000; /* border color */
}

.wrap-404 {
  position: relative;
  overflow: visible; /* important so pseudo-elements can hang outside */
  border: 1px solid #000;
  border-top-left-radius: 100px;
  border-bottom-right-radius: 100px;
}

/* shared styles for both labels */
.wrap-404::before{
  position: absolute;
  content: "404 ERROR";
  padding: 20px;
  font-size: 16px;
  padding-bottom:15px;
  font-weight: 100;
  color: #B5FCCD;
  white-space: nowrap;
  pointer-events: none;

  /* make the label area transparent to reveal bg behind it */
  background: #3551be; /* or match your section background */
  
  /* ensure they render above the border */
  z-index: 10;
}

/* TOP-RIGHT label */
.wrap-404::before {
  top: 0;
  right: 0;
  transform: translate(3%, -53%);
}

.btn-404-span{
	padding-left:10px;
	padding-right:10px;
	border:1px solid #B5FCCD;
	padding-top:10px;
	padding-bottom:10px;
	border-radius:5px;
}

@media (max-width: 1530px) {
    html{
    	font-size:14px !important;
    }
	
	.header--nav-inner{
		column-gap:10px !important;
		padding-left:10px !important;
		padding-right:10px !important;
	}
	
	.header--nav-inner ul{
		padding-left:10px;
		padding-right:10px;
	}
	
	.header--btn-schedule{
		font-size:13px !important;
	}
	
	.header--nav-inner .menu-item:nth-child(-n+5)::after {
	  content: "";
	  position: absolute;
	  top: 50%;
	  right: -5px;
	  transform: translateY(-50%);
	  width: 1px;
	  height: 175%;
	  background-color: var(--andover-dk-blue);
	}
	
	.container--stack-3{
		flex-wrap:wrap;
	}
	
	.container--stack-3 > .brxe-block:nth-child(1) {
	  width: 60% !important;
	  flex-shrink: 0;
	}

	/* 2nd col - middle */
	.container--stack-3 > .brxe-block:nth-child(2) {
	  width: 25% !important;
	  flex-grow: 1;
	  flex-shrink: 1;
	  flex-basis: auto;
	  
	  img{
		  transform:none !important;
	  }
	  
	}

	/* 3rd col - CTA */
	.container--stack-3 > .brxe-block:nth-child(3) {
	  width: 180px;
	  align-self: flex-start;
	  order: 3;     /* push this block below others */
	}
	
	.section--110{
		padding-left:90px !important;
		padding-right:90px !important;
	}
	
}

@media ( max-width: 1355px){
	
	.main-header-section{
		padding-left:40px !important;
		padding-right:40px !important;
	}
	
	.container-match-padding{
		padding-right:80px;
		padding-left:80px;
	}
	.container-match-padding-left{
		padding-left:80px;
	}

	.container-match-padding-right{
		padding-right:80px;
	}
	.header--nav-inner .menu-item:nth-child(-n+5)::after {
	  height: 175%;
	}
	.header--nav-inner{
		padding-left:8px !important;
		padding-right:8px !important;
	}
}

@media (max-width: 1182px) {
	.header--nav-wrap{
		flex-wrap:wrap;
		row-gap:10px;
	}
	.header--nav-outer{

	}
	.main-header-section{
		padding-left:80px !important;
		padding-right:80px !important;
	}
	.header--btn-schedule{
		width:280px !important;
		align-self:flex-end;
		margin-left:auto;
	}
}

@media (max-width: 990px) {
	
	.nav--mobile-hamburger .brxa-wrap{
		width:28px;
	}
	
	.main-header-section{
		padding-left:20px !important;
		padding-right:20px !important;
	}
	
	.nav--mobile-hamburger{
		justify-content:center;
		padding:6px 3px;
		border-radius:5px;
		border:1px solid var(--andover-dk-blue);
		width:40px;
		--brxe-toggle-bar-width: 28px;
		
	}
	
	.show-desktop{
		display:none !important;
	}

	.show-tablet{
		display:flex;
	}
	
	.show-desktop-block{
		display:none;
	}

	.show-tablet-block{
		display:block;
	}
	
	
	.footer-terms {
	  order: 2;
	}

	.footer-socials {
	  order: 1;
	}
	
	.footer--wrapper{
		ul{
			font-size:1.5rem;
		}
		li{

		}
	}
	
	.header--btn-schedule {
		order: 2;
		margin-left: auto;
		margin-right: auto;
	}

	.header--nav-outer {
		order: 3;
		margin-left: auto;
	}
	
	.header--btn-schedule-mobile{
		display:flex;
		width:310px;
		background:var(--andover-teal) !important;
		color:var(--andover-blue-purple) !important;
	}
	
	li.menu-item:has(.header--btn-schedule-mobile:only-child) {
	  display: flex;
	}
	
	.header--nav-inner .menu-item:nth-child(-n+5)::after {
	  content: none;
	}
	
	.header--nav-inner .menu-item:first-of-type {
	    position: fixed;
	    top: 0px;
	    right: 0px;
	    z-index: 9999;
	    list-style: none;
	    margin: 0;
	    padding: 0;
		width:45px;
		height:45px;
	}
	
	.header--nav-inner .menu-item:not(:first-of-type) {
	  /*padding-left: 30px;*/
	}
	
	.header--nav-inner .menu-item {
		display:flex;
		justify-content:center;
	}
	
	.home--team-mobile{
		display:flex;
	}
	.home--team-desktop{
		display:none;
	}
	
	.home-and-span{
		font-size:6rem;
		line-height:6rem;
	}
	
	.container--bottom-overlap {
		position:relative !important;
		left:0;
		bottom:-4.5rem;
		width:100% !important;
	}
	
	
	.img--overflow-115{
		position:relative;
		width:calc(90%);
		top:0;
		max-width:none;
		left:0;
		height:auto;
	}
	
	img{
		width:100%;
	}
	
	.mobile--stackorder-1 {
	order: 1;
	}

	.mobile--stackorder-2 {
	order: 2;
	}

	.mobile--stackorder-3 {
	order: 3;
	}
	
	.container--border65{
		padding:20px;
	}
	
	.container--stack-3 > .brxe-block:nth-child(1) {
	  width: 100% !important;
	  flex-shrink: 0;
	}

	/* 2nd col - middle */
	.container--stack-3 > .brxe-block:nth-child(2) {
	  width: 100% !important;
	  flex-grow: 0 !important;;
	  flex-shrink: 0 !important;;
	  flex-basis: auto;
	  
	  img{
		  transform:none !important;
	  }
	  
	}

	/* 3rd col - CTA */
	.container--stack-3 > .brxe-block:nth-child(3) {
	  width: 180px;
	  align-self: center;
	  justify-self:center;
	}
	
	.column--left-under {
	  flex: 0 0 48%;
	  width:100%;
	  background-color: var(--andover-teal);
	  z-index: 0;
	  margin-left:0%;
	  padding-left:20px !important;
	}
	
	.wrapper--grid-team {
      display: grid;
      grid-template-columns: 100px 1fr;
      grid-template-areas:
        "name--grid-team name--grid-team"
        "img--grid-team title--grid-team"
        "desc--grid-team desc--grid-team";
      gap: 20px;
      margin: 0 auto;
    }

    .name--grid-team {
      grid-area: name--grid-team;
    }

    .title--grid-team {
      grid-area: title--grid-team;
    }

    .img--grid-team {
      grid-area: img--grid-team;
      height: auto;
    }
	
	.desc--grid-team {
      grid-area: desc--grid-team;
    }
	
	.button--team-bio{
		display:block;
		cursor:pointer;
	}
	
	.team--bio{
		display:none;
	}
	
	.team--bio.visible {
	  display: block;
	}
	
	.team--bios-wrapper::after{
		content:none;
	}
	.wrapper--map-desktop img{
		display:none;
	}
	.wrapper--map-desktop{
		display:none;
	}
	
	.wrapper--map-mobile{
		max-width:400px;
	}

	.wrapper--map-mobile img{
		display:block;
	}
	
	
}
    


@media (max-width: 790px) {
    html{
    	font-size:9px !important;
    }
	
	:root {
	    --primary-font-size: 3rem;
	    --primary-line-height: 3.5rem;
	}
	
	.section--110{
		padding-left:20px !important;
		padding-right:20px !important;
	}
	
	.container-match-padding{
		padding-right:20px;
		padding-left:20px;
	}
	
	.container-match-padding-left{
		padding-left:20px;
	}

	.container-match-padding-right{
		padding-right:20px;
	}
	
	.nav--logo-mobile{
		display:flex;
	}
	
	.nav--logo-desktop{
		display:none;
	}
	
	.header--btn-schedule{
		display:none;
	}
	
	.container--stack-3 > .brxe-block:nth-child(1) {
	  width: 100% !important;
	  flex-shrink: 0;
	}

	/* 2nd col - middle */
	.container--stack-3 > .brxe-block:nth-child(2) {
	  width: calc(70%) !important;
	  flex-grow: 0 !important;;
	  flex-shrink: 0 !important;;
	  flex-basis: auto;
	  position:relative;
	  margin-top:-40px;
	  padding-bottom:0;
	}
	
	.container--stack-3 > .brxe-block:nth-child(3) {
	  width: 180px;
	  align-self: center;
	  justify-self:center;
	}
}