@import "constants.css";
@import "fonts.css";
@import "lrg.css" screen and (min-width:1024px) and (max-width:10000px);
@import "lrg.css" screen and (min-width:768px) and (max-width:1024px);
/*@import "med.css" screen and (min-width:768px) and (max-width:1024px);*/
@import "lrg.css" screen and (max-width:768px) and (orientation: landscape);
@import "sml.css" screen and (max-width:768px) and (orientation: portrait);

/*--BEGIN: Content ---------------------------------------*/

/*--Columns: Thirds--*/

*{
  box-sizing: border-box;
}

.single{
    position:relative;
    display:grid;
    grid-template-columns:1fr;
    column-gap:var(--padding-med);
    row-gap:var(--padding-med);
    grid-gap:var(--padding-med);
    padding:var(--padding-med);
    margin:0 var(--padding-med) 0 var(--padding-med);
    box-shadow: 0 20px 70px -30px rgb(0 53 54 / 30%);
    background:#FFFFFF;
    border-radius: var(--radius-med);
    }

    .column h2{
      margin-top:0!important;
      /* font-size: var(--font-size-lrg); */
      font-size: 1.2vw;
    }

    .single .column,
    .double .column,
    .quarters .column,
    .thirds .column{
      display: block;
      text-align:center;
      position:relative;
      background:#FFFFFF;
      padding:var(--padding-lrg);
      box-sizing:border-box;
      background-color:#FFFFFF;
      }
      .single .column:not(:last-child),
      .bouble .column:not(:last-child),
      .quarters .column:not(:last-child),
      .thirds .column:not(:last-child){
        border-right:1px solid #EEEEEE;
        }

        * .column.column-left{
          text-align:left!important;
        }

      a.column{
        cursor: pointer;
      }
      

.row{
  margin-bottom:var(--padding-med);
  }

.column p:only-child{
  margin-bottom:0;
  }


.padded.med{
  padding: var(--padding-med);
}


.banner{
  position: relative;
  overflow:hidden;
}




.intro.has-overlay::before,
.banner.has-overlay::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(49,49,49,0.39);
  }

  .banner h1,
  .banner h2{
    position: relative;
    z-index:8500;
  }

  .banner .inner{
    align-self: center;
  }

#pageIntro,
.banner{
    display: grid;
    position: relative;
    z-index: 2000;
    min-height: 25vw;
    padding: 5vw 3vw;
	}

	#pageIntro h1,
	.intro_h1{
		display:block;
		padding:0;
		margin:0 auto 1vw auto;
		font-family:Arial, sans-serif;
		font-size:1.2vw;
		font-weight:normal;
		line-height:0.9em;
		text-align:center;
		color:#FFFFFF;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		background: none;
		}

	#pageIntroB h1,
	.intro_h1{
		display:block;
		position:relative;
		top:1vw;
		width:95%;
		padding:5vw 3vw 7vw 3vw;
		margin:0 auto;
		font-size:5.5vw;
		line-height:0.9em;
		text-align:center;
		color:#FFFFFF;
		background:none;
		box-sizing:border-box;
		}

	#pageIntro h2,
	.intro-h2{
		display:block;
		width:95%;
		padding:0;
		margin:0 auto;
		font-size:4.5vw;
    font-weight: bold;
		line-height:0.9em;
		text-align:center;
		color:#FFFFFF;
		background:none;
		}

.heading-filled{
	display:block;
	padding:5vw 3vw 7vw 3vw;
	font-size:6vw;
	line-height:0.9em;
	letter-spacing:0.02em;
	text-align:center;
	color:#FFFFFF;
	}

/*--END: Content -----------------------------------------*/

/*--BEGIN: Footer --------------------------------------*/

.footer-bottom{
  display: block;
  padding: var(--padding-med);
  font-size: var(--font-size-med);
}

footer h5.image.global{
    background-image: url('/img/clinigen_icons_white_rgb_pin.png');
    }

footer h5.image.legal{
    background-image: url('/img/clinigen_icons_white_rgb_scales.png');
    }

footer h5.image.tools{
    background-image: url('/img/clinigen_icons_white_rgb_cog.png');
    }

footer h5.image.medicine{
    background-image: url('/img/clinigen_icons_white_rgb_pillsx2.png');
    }




/*--END: Footer ----------------------------------------*/