/* Shared styles for the IVF MN secure forms (ported from the legacy pages). */

@font-face {
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 300 900;
  font-display: swap;
  src: url(/fonts/figtree-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 300 900;
  font-display: swap;
  src: url(/fonts/figtree-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Figtree';
  font-style: italic;
  font-weight: 300 900;
  font-display: swap;
  src: url(/fonts/figtree-italic-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Figtree';
  font-style: italic;
  font-weight: 300 900;
  font-display: swap;
  src: url(/fonts/figtree-italic-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

html,body {height:100%; color: #2D2C2C; font-family: "Figtree", Roboto, 'Helvetica Neue', 'Arial Nova', 'Nimbus Sans', Arial, sans-serif;}

body  {font-size:16px;}

#wrap {min-height: 100%;height: auto !important;height: 100%;}

@media (max-width: 1024px) {
.header-title {
    padding: 10px;
}
}


.header {
    background-image: url(/images/circle.svg), linear-gradient(90deg, rgba(62, 29, 102, 0.80) 0%, rgba(40, 135, 221, 0.80) 50.48%, rgba(172, 116, 249, 0.80) 100%), var(--banner-image);
    background-size: 33% auto, auto, cover;
    background-position: left bottom, center, center;
    background-repeat: no-repeat;
    background-color: var(--purple-500);
    display: flex;
    flex-direction: column;
    padding-block-end: var(--spacing-40);
	padding: 40px;
	min-height: 350px;
	margin-bottom:20px;
}

.headerimage {
    gap: 0;
    padding-block-end: 0;
    background-image: url(/images/circle-hero-home.svg), linear-gradient(83deg, #4C2280 5.27%, #6C4D94 39.31%, #486FC2 96.95%);
    background-size: 50% auto, auto;
    background-position: top center, center;
    background-repeat: no-repeat;
    overflow: clip;
}

.phone {
    color: #fff;
    font-size: 24px;
    padding: 10px;
	font-weight:600;
	
}

.header-title__title{
	color: #fff;
	font-size: 48px;
	margin-bottom:20px;
	font-weight:300;
	margin-top:50px;
}
.header_btn{
    margin-top:0px;
}
.navbar {
	background: linear-gradient(90deg, rgba(153, 153, 153, 0.00) 33.23%, rgba(255, 255, 255, 0.20) 100%);
    backdrop-filter: blur(16px);
    padding: 10px 30px 10px 0;
	}
	
.breadcrumbs {
    color: #000;
    padding: 0 50px;
    font-size: 18px;
	font-weight:300;
	margin-bottom: 50px;

}

.breadcrumbs a {
    color: #1D51A3;
    padding: 0;
    font-size: 18px;
	font-weight:300;
	text-decoration:underline;
}



.btn--shiny-blue, .btn-primary {
    background: linear-gradient(180deg, #1267C3 40%, #084586 100%);
	color: #ffffff;
	padding: 10px 20px;
	border-radius:30px;
	font-size:18px;
	font-weight: 600;
}
.btn--shiny-blue:hover {
     background: #2887DD;
	color: #ffffff;
	padding: 10px 20px;
	border-radius:30px;
	font-size:18px;
	font-weight: 600;
}

.btn--shiny {
    background-image: linear-gradient(#4c2280 0%,#4c2280 50%,#3e1d66 40%,#3e1d66 100%);
    background-color: #4c2280;
    color: #fff;
    text-decoration: none;
    padding: 17px;
    text-transform: uppercase;
    border-radius: 0;
}  
    
.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #484848;
    background-color: #fff;
    background-image: none;
    border: 1px solid #a9a9a9;
    border-radius: 0px;
    font: 400 13.3333px Figtree;    
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

label {
    font-weight: 600;
    font-size: 16px;
    line-height: 1.3;
}

#push {height: 60px;width:100%}

.footer {
	margin-top: auto;
    background-image: url(/images/circle-footer.svg), linear-gradient(255deg, #6B30B3 25.69%, #7744B7 57.27%, #300566 83.33%);
    background-repeat: no-repeat;
    background-position: top center, center;
    background-size: auto 100%, auto;
    box-shadow: 5px 4px 30px 0 rgba(0, 0, 0, 0.10);
    color: var(--white);
    padding-block: var(--spacing-30);
    color: #fff;
    padding: 50px 30px 30px 30px;
    position: relative;
	border-radius:40px 40px 0px 0px;
	line-height: 1.4
}

.fa-classic {
	color: #0c55a4;
}

.footer a{ color: #fff; text-decoration:underline;}
.foot {
	font-size:16px;
	line-height: 1.4;
	padding-bottom: 30px;

}
.foot p{
	font-size:16px;
	line-height: 1.4;
	font-weight:400;
}

.menu-social__items {
    align-items: center;
    display: flex;
    list-style: none;
    padding: 0px;
    margin: 0px;
    gap: var(--spacing-10);
}

.menu-social__icon {
	width: 100%; /* Or max-width */
  margin-left: auto;
  margin-right: auto;
  padding: 0; 
 
}

.menu-social__icon  li {
    color: var(--white);
    height: 30px;
	float: left;
	list-style: none;
}
.menu-social__link {
    align-items: center;
    display: flex;
    height: 30px;
    transition: all 0.3s;
    width: 100%;
}
.foot h3{
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 600;
	color: #3e1d66;
	line-height: 1.4
	
}
.phone-footer {
    color: #fff;
    font-size:24px;
    padding-right:50px;
	text-align:right;
	
}
.footer h3{
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 600;
	color: #3e1d66;
	line-height: 1.4
}

.footer__day {
	padding-bottom: 0;
	margin-bottom:8px;
	font-weight:600;
	font-size: 16px
}

.menu-social__link{ margin:0 8px 0 8px; height:30px; }

.footer__hours {
	font-size: 16px
    margin: 0;
    max-width: none;
}


.footer__fine-print {
    font-size:16px;
	line-height: 1.4;

	font-weight:400px;
}

.footer__fine-print h3{
	color: #DECBF5;
font-weight:600px;
font-size:16px;
}


.fa-classic, .fa-brands {
	color: #0c55a4;
}


.fa-classic:hover , .fa-brands:hover{
	color: #b68ce8;
}


.address__phone {
    color: #fff;
    text-decoration: none;
}
.form_title {
    font-weight: 700;
    font-size: 1.25em;
    color: #3e1d66;
    line-height: 1.5;
    border-bottom: 1px solid #CCC;
    padding: 10px 16px 8px 0;
}

.affix{top:60px;}
.sig{background-color: #ffffff;border-radius:4px;padding:3px;
		  border: 1px solid #cccccc;
		  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
			 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
				  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
		  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
			 -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
			   -o-transition: border linear 0.2s, box-shadow linear 0.2s;
				  transition: border linear 0.2s, box-shadow linear 0.2s;}	
        input.highlight, select.highlight, textarea.highlight, div.highlight {background-color: #FFC;}


.menu-social__items {
    align-items: center;
    justify-content: center;
    display: flex;
    list-style: none;
    margin: 0 auto var(--spacing-div2);
    padding: 0;}

.hidden-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.gray {
	background-color: #f5f5f5; 
	padding-top:20px;
	padding-bottom:20px;
	margin-top: 50px;
	text-align:center;
	font-size: 16px;
}
@media (min-width: 769px) and (max-width: 991px) { 
.header {
	min-height: 300px;
	margin-bottom:50px;
	padding: 0px;
        
}
.header-title__title{
	color: black;
	font-size: 30px;
	margin-bottom:0;
	font-weight:400;
}
.phone {
    color: #2d2c2c;
    font-size:18px;
    padding: 0;
}


.btn--shiny-blue {
    margin-left: 0px;
	padding: 10px 20px;
	border-radius:30px;
	font-size:18px;
	font-weight: 600;
}
.header-title {
	height:200px;
	padding-top:40px;
}
.form-control {margin-bottom:8px}

.footer__fine-print {
    font-size:13px;
	line-height: 1.4;
	padding: 20px 0 0 25px;
	font-weight:400px;
	text-align:left;
}

.footer { padding:20px 0 25px 25px;}

}

/* Small devices (tablets, 768px and up) */

@media (max-width: 768px) { 
.footer { padding:15px;}

.header {
	min-height: 200px;
	margin-bottom:20px;
	padding:30px;
}
.breadcrumbs {
    color: #000;
    padding: 0 20px;
    font-size: 18px;
    font-weight: 300;
    margin-bottom: 30px;
}
.btn--shiny-blue {
	color: #fff;
	color: #fff;
    margin-left: 0px;
	padding: 10px 20px;
	border-radius:30px;
	font-size:16px;
	font-weight: 600;
}
.headerimage {
	    background-size: 100% auto, auto;
}
.headlogo{padding:0px}

.header-title__title{
	color: #fff;
	font-size: 22px;
	margin-bottom:10px;
	font-weight:400;
	margin-top:30px;
}

.phone {
    color: #fff;
    font-size:16px;
    padding: 0;
}
.phone-footer {
    color: #fff;
    font-size:24px;
    padding: 0;
	text-align:center;
}
.header-title {
	height:150px;
	color: #fff;
	margin-top: 10px;
}


.form-control {margin-bottom:8px}
.footer__fine-print {
    font-size:16px;
	line-height: 1.4;
	font-weight:400px;
	text-align:left;
}


.gray {
	font-size: 13px;
}
}

/* Added in the port: replaces style="" attributes the CSP blocks. */
.footer-logo { width: 350px; max-width: 100%; }
.footer-bottom { margin-top: 50px; }
.sform_sig canvas { cursor: pointer; background-color: #fff; }