/*
	Theme Name: Discover AR
	Theme URI: http://html5blank.com
	Description: Starter WordPress Theme
	Version: 1.0

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

/*------------------------------------*\
    CSS CUSTOM PROPERTIES
\*------------------------------------*/

:root {
	--mainBG: #fff;
	--textColor: #000;
	--lightText: #fff;
	--darkText: #000;
	--linkColor: #3760a7;
	--btnBg: #4E61EF;
	--btnColor: #fff;
	--linkHover: #0F52BA;
	--btnHover: #E5E8FF;
	--btnColorHover: #4E61EF;
	--smallintroColor: #000;
	--ffBody: runda, sans-serif;
	--bodyText: 1.4rem;
	--fwBody: 400;
	--fwHeadings: 400;
	--standardPadding: 30px;
	--basicMax: 1520px;
	--basicPadding: 20px;
	--pgMargin: 20px;
}

@media only screen and (min-width: 768px) {

	:root {
		--bodyText: 1.6rem;
	}

}

@media only screen and (min-width: 1024px) {


}

@media only screen and (min-width: 1440px) {

	:root {
		--bodyText: 1.8rem;
	}

}

/*-----------------------------------*\
  RESET/BASIC
\*-----------------------------------*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin:0; padding:0; border:0; outline:0; 
vertical-align:baseline; background:transparent;
}

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}

html {
	font-size:62.5%;
	scroll-behavior: smooth;
}

body {
    font-family: var(--ffBody);
    font-size: var(--bodyText); line-height: 1.6;
    color: var(--textColor); font-weight: var(--fwBody);
    background: var(--mainBG); min-height: 100vh;
    display: flex; flex-direction: column;
    min-height:100vh;
}

@media screen and (max-device-width: 480px){
	body{
		-webkit-text-size-adjust: none;
	}
}

.content { 
	flex: 1; 
}

img {
    width: 100%; height: auto;
    display: block;
}

img.rounded {
	border-radius: 10px;
}

article img {
	display: inline-block; width: auto;
	max-width: 100%;
}

a {
	color: var(--linkColor);
	transition: all 0.25s linear;
	text-decoration: none;
}

a:hover {
	color: var(--linkHover);
}

video {
	display: block; width: 100%;
}

.video-container { 
	position: relative; 
	padding-bottom: 56.25%; 
	height: 0; overflow: hidden; 
}

.video-container iframe, 
.video-container object, 
.video-container embed, 
.video-container video { 
	position: absolute; top: 0; 
	left: 0; width: 100%; height: 100%; 
}

.standard {
	padding: var(--standardPadding) 0;
}

.standard.xtop {
	padding-top: calc(var(--standardPadding) * 2);
}

.standard.xbtm {
	padding-bottom: calc(var(--standardPadding) * 2);
}

.standard.xpad {
	padding: calc(var(--standardPadding) * 2) 0;
}

.basic {
	padding: 0 var(--basicPadding);
	margin: 0 auto; max-width: var(--basicMax);
}

.topsec {
	padding-top: 50px;
}

p {
	margin-bottom: var(--pgMargin);
}

h1, h2, h3, h4, h5 {
	line-height: 1.2;
	font-weight: var(--fwHeadings);
}

h1 {
	font-size: 3.5rem; line-height: 1.15;
	margin-bottom: 20px;
}

h2 {
	font-size: 3rem;
	margin-bottom: 20px;
}

h3 {
	font-size: 1.8rem;
	margin-bottom: 10px;
	line-height: 1.3;
}

h4 {
	font-size: 1.8rem;
	margin-bottom: 12px;
}

h5, .smallintro, p.smallintro {
	font-size: clamp(1.2rem, 0.8333333333333334vw, 1.8rem);
	font-weight: 400; margin: 0 0 10px; 
}

button, input[type="submit"] {
	font-family: var(--bodyText);
	background: none; border: 0;
    color: inherit; cursor: pointer;
    line-height: normal;
    overflow: visible; padding: 0;
    display: inline-block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
}

.btn, input[type="submit"].btn {
	display: inline-block; background: var(--btnBg);
	color: var(--btnColor); line-height: 48px;
	font-size: 1.4rem; font-weight: 400;
	border-radius: 10px; padding: 0 20px;
	transition: all 0.25s linear;
}

.btn:hover, input[type="submit"].btn:hover {
	background: var(--btnHover);
	color: var(--btnColorHover);
}

.btn-underline {
	display: inline-block; font-size: 1.3rem;
	line-height: 1.2; position: relative;
	padding-bottom: 4px;
}

.btn-underline:after {
	position: absolute; display: block;
	content: ""; width: 100%; height: 1px;
	background: #4E61EF; left: 0; bottom: 0;
	transition: all 0.25s linear;
}

.btn-underline:hover {
	color: #002E64;
}

.btn-underline:hover:after {
	background: #002E64;
	width: 45%;
}

.textblock.sec-intro {
	margin-bottom: 40px;
}

.wide {
	margin-left: auto; margin-right: auto;
	padding: 0 20px; max-width: 1920px;
}

.wide-inner {
	position: relative; border-radius: 10px;
	overflow: hidden;
}

.lg-only {
	display: none;
}

sup {
    font-size: 75%; line-height: 0;
    position: relative;
    vertical-align: baseline;
    top: -0.4em;
}

@media only screen and (min-width: 768px) {

	.topsec {
		padding-top: 72px;
	}

	.basic {
		padding: 0 calc(var(--basicPadding) * 2);
	}

	.row {
		display: flex;
		justify-content: space-between;
	}

	.vcenter {
		align-items: center;
	}

	.textblock {
		text-align: center; max-width: 960px;
        margin-left: auto; margin-right: auto;
	}

	.textblock.sec-intro {
		margin-bottom: 60px;
	}

	h1 {
		font-size: 4rem;
	}

	h2 {
		font-size: 3.2rem;
	}

	h3 {
		font-size: 2.2rem;
		margin-bottom: 16px;
	}

	h5, .smallintro, p.smallintro {
		font-size: 1.4rem;
		margin-bottom: 16px;
	}

	.wide {
		padding: 0 30px;
	}

	.lg-only {
		display: block;
	}

	.sm-only {
		display: none;
	}

	.btn, input[type="submit"].btn {
		line-height: 52px; font-size: 1.6rem; 
	}

	.btn-underline {
		font-size: 1.6rem;
	}

}

@media only screen and (min-width: 1024px) {

	h1 {
		font-size: 5.6rem;
	}

	h2 {
		font-size: 4rem;
		margin-bottom: 24px;
	}

	h3 {
		font-size: 2.4rem;
	}

	.standard {
		padding: calc(var(--standardPadding) * 2) 0;
	}

	.standard.xtop {
		padding-top: calc(var(--standardPadding) * 3);
	}

	.standard.xbtm {
		padding-bottom: calc(var(--standardPadding) * 3);
	}

	.standard.xpad {
		padding: calc(var(--standardPadding) * 3) 0;
	}

	.topsec {
		padding-top: 96px;
	}

}

@media only screen and (min-width: 1280px) {

	h1 {
		font-size: 7.2rem;
		line-height: 1.025;
	}

	h2 {
		font-size: 4.8rem;
		margin-bottom: 30px;
	}

	h3 {
		font-size: 3rem;
		margin-bottom: 20px;
	}

	h5, .smallintro, p.smallintro {
		font-size: 1.6rem;
		margin-bottom: 20px;
	}

	img.rounded {
		border-radius: 25px;
	}

	.topsec {
		padding-top: 120px;
	}

	.standard {
		padding: calc(var(--standardPadding) * 3) 0;
	}

	.standard.xtop {
		padding-top: calc(var(--standardPadding) * 4);
	}

	.standard.xbtm {
		padding-bottom: calc(var(--standardPadding) * 4);
	}

	.standard.xpad {
		padding: calc(var(--standardPadding) * 4) 0;
	}

	.textblock.sec-intro {
		margin-bottom: 96px;
	}

}

@media only screen and (min-width: 1440px) {

	h1 {
		font-size: 9rem;
		margin-bottom: 30px;
	}

	h2{
		font-size: 6rem;
		line-height: 1.1;
	}

	h3 {
		font-size: 3.5rem;
	}

	.btn, input[type="submit"].btn {
		line-height: 56px; font-size: 2rem; 
		padding: 0 30px;
	}

	h5, .smallintro, p.smallintro {
		font-size: 1.8rem;
		margin: 0 0 30px;
	}

	.topsec {
		padding-top: 150px;
	}

}

/*------------------------------------*\
    CARDS
\*------------------------------------*/

.card {
    background: #fff; border-radius: 10px;
    box-shadow: 0 3px 30px rgba(22, 77, 160, 0.15);
    margin-bottom: 30px;
}

.card-img {
    border-radius: 10px 10px 0 0;
    overflow: hidden; position: relative;
    will-change: transform;
}

.card-content {
    padding: 30px 20px; 
    border-top: 2px solid #4E61EF;
}

.card-title {
    margin-bottom: 16px;
    font-size: 1.6rem;
}

.card-cat {
    display: inline-block; background: #4E61EF;
    color: #fff; font-size: 1.2rem; line-height: 2.14;
    padding: 0 10px; border-radius: 5px;
    margin-bottom: 12px;
}

@media only screen and (min-width: 768px) {

    .resource-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-column-gap: 20px;
    }

    .card {
        margin-bottom: 20px;
    }

    .card-title {
        margin-bottom: 24px;
        font-size: 2rem;
        line-height: 1.35;
    }

    .card-cat {
        font-size: 1.4rem;
        padding: 0 14px; 
        margin-bottom: 20px;
    }

}

@media only screen and (min-width: 1280px) {

    .resource-grid {
        grid-column-gap: 30px;
    }

    .card {
        margin-bottom: 30px;
        border-radius: 25px;
    }

    .card-img {
        border-radius: 25px 25px 0 0; 
    }

    .card-content {
        padding: 40px 30px 48px; 
    }

}

@media only screen and (min-width: 1440px) {

    .card-content {
        padding: 40px 30px;
    }

}

/*-----------------------------------*\
  HERO
\*-----------------------------------*/

#hero {
    position: relative;
    color: var(--lightText);
    margin-top: 60px;
}

.hero-content {
    position: absolute;
    left: 0; right: 0;
    bottom: 18.7vw; 
}

.hc-inner p {
	margin: 0; line-height: 1.57;
}

#hero br {
    display: none;
}

body.home #hero {
    margin-bottom: 20px;
}

#herotext {
    min-height: 280px;
    display: flex; align-items: center;
    position: relative;
    margin-top: 60px;
}

.htxt-inner, .ht-inner {
    width: 100%;
}

#herotext br {
    display: none;
}

.hero h1 {
	opacity: 0; transform: translateY(60px);
	transition: all 0.5s ease-in-out;
}

.hero p {
	opacity: 0; transform: translateY(-60px);
	transition: all 0.75s ease-in-out 0.55s;
}

.hero.inview h1, .hero.inview p {
	opacity: 1; transform: translateY(0);
} 

@media only screen and (min-width: 768px) {

    #hero {
        font-size: 1.4rem;
    }

    #hero br {
        display: block;
    }

    .hero-content {
        bottom: auto; top: 50%;
        transform: translateY(-50%);
    }

    .hc-inner p {
        width: 39%; max-width: 512px;
    }

    body.home .hc-inner p {
        width: 42%; max-width: 562px;
    }

    body.home #hero {
        margin-bottom: 30px;
    }

    #herotext br {
        display: block;
    }

    #herotext {
        min-height: 360px;
    }

}

@media only screen and (min-width: 1024px) {

    #hero {
        font-size: 1.6rem;
    }

}


@media only screen and (min-width: 1280px) {

    #hero {
        margin-top: 0;
    }

    #herotext {
        min-height: 420px;
        margin-top: 104px;
    }

}

@media only screen and (min-width: 1440px) {

    .hero-content {
        padding-top: 20px;
    }

    #hero {
        font-size: 1.8rem; 
    }

    .hc-inner p {
        line-height: 1.6;
    }

}

/*-----------------------------------*\
  HOME
\*-----------------------------------*/

#home-btns {
	position: fixed; bottom: 0;
	left: 0; right: 0; z-index: 99;
	background: rgba(230, 230, 230, 0.8);
	text-align: center; padding: 20px 0 10px;
}

.btn-home {
	display: inline-block; margin-bottom: 10px;
	background: var(--btnBg); color: var(--btnColor); 
	line-height: 48px; font-size: 1.4rem; 
	font-weight: 500; border-radius: 10px;
	width: 95%; max-width: 315px;
	transition: all 0.25s linear;
}

.btn-home:hover {
	background: var(--btnHover);
	color: var(--btnColorHover);
}

#lifestyle {
	margin-bottom: 50px; color: #fff;
}

.lscontent {
	position: absolute; width: 54%;
	font-size: 4.35vw; top: 50%;
	transform: translateY(-50%);
	left: 40%;
}

.lscontent p {
	margin-bottom: 0;
	text-shadow: 0 3px 6px rgba(0, 0, 0, 0.18);
}

#home-ar {
	text-align: center;
	margin-bottom: 50px;
}

.home-ar-intro p {
	max-width: 280px;
	margin: 0 auto;
}

.home-ar-img {
	margin: -40px -20px 0; position: relative;
	z-index: -1;
}

.ov-row {
	margin-top: -60px;
}

.ov-item {
	margin-bottom: 40px;
}

.ov-item h3 {
	color: #4E61EF;
}

.ov-item p {
	margin: 0 auto;
}

#home-bottom {
	margin-bottom: 40px;
}

.hb-content {
	position: relative;
}

.home-resources {
	position: absolute; top: 20px;
	left: 16px;
}

.home-resources h2 {
	margin-bottom: 10px;
	text-shadow: 1px 1px 10px #fff;
}

.home-resources p:first-of-type {
	width: 170px; text-shadow: 1px 1px 10px #fff;
}

@media only screen and (min-width: 768px) {

	#home-btns {
		bottom: 80px; background: none; 
		padding: 0;
	}

	.btn-home {
		margin: 0 15px;
		box-shadow: 1px 3px 10px rgba(0, 0, 0, 0.16);
	}

	#lifestyle, #home-ar {
		margin-bottom: 72px; 
	}

	.lscontent {
		width: 47.2%;
		font-size: clamp(1.6rem, 2.083333333333333vw, 4rem);
		left: 41.5%; line-height: 1.375;
	}

	.home-ar-intro p {
		max-width: 633px;
	}

	.home-ar-img {
		margin: -180px auto 0;
		max-width: 1280px;
	}

	.ov-row {
		display: flex; flex-wrap: wrap;
	}

	.ov-item {
		width: 50%; margin-bottom: 50px;
	}

	.ov-item:first-of-type, .ov-item:nth-of-type(2) {
		padding-bottom: 50px; 
		border-bottom: 1px solid rgba(156, 205, 251, 0.3);
		margin-bottom: 60px;
	}

	.ovi-inner {
		width: 80%; max-width: 567px;
		margin: 0 auto;
	}

	.ovi-inner p {
		max-width: 484px;
		margin: 0 auto;
	}

	.ov-item:nth-of-type(3) .ovi-inner p {
		max-width: 567px;
	}

	#home-bottom {
		margin-bottom: 60px;
	}

	.home-resources {
		left: auto; right: 20px;
	}

	.home-resources p:first-of-type {
		width: 360px;
	}

}

@media only screen and (min-width: 1024px) {

	#lifestyle, #home-ar {
		margin-bottom: 96px; 
	}

	.home-ar-img {
		margin: -220px auto 0;
	}

	.ov-row {
		margin-top: -40px;
	}

	.btn-home {
		line-height: 56px; font-size: 1.6rem; 
		max-width: 380px;
	}

	.home-resources h2 {
		margin-bottom: 20px;
	}

}

@media only screen and (min-width: 1280px) {

	#lifestyle, #home-ar {
		margin-bottom: 120px; 
	}

	.home-ar-img {
		margin: -300px auto 0;
	}

	.wide-inner {
		border-radius: 25px;
	}

	.btn-home {
		line-height: 66px; font-size: 1.8rem; 
		max-width: 456px;
	}

	#home-bottom {
		margin-bottom: 80px;
	}

	.home-resources {
		left: 55vw; right: auto;
		top: 3.75vw;
	}

	.home-resources p:first-of-type {
		width: 432px;
	}

}

@media only screen and (min-width: 1440px) {

	#lifestyle, #home-ar {
		margin-bottom: 150px; 
	}

	.home-resources h2 {
		margin-bottom: 24px;
	}

	.home-resources p:first-of-type {
		margin-bottom: 40px;
	}

}

@media only screen and (min-width: 1920px) {

	.home-resources {
		left: 1073px; top: 72px;
	}

}

/*------------------------------------*\
    SPLIT ROWS
\*------------------------------------*/

.splitrow {
    margin-bottom: 60px;
}

.splitimg {
    margin-bottom: 30px;
}

.splitimg img {
    border-radius: 25px;
}

.sci-inner p:last-of-type {
    margin-bottom: 0;
}

#whoweare {
	font-size: 1.8rem;
}

@media only screen and (min-width: 768px) {

	.splitimg {
        margin-bottom: 0; width: 48%;
    }

    .splitcontent {
        width: 48%;
    }

    .reverse .splitimg {
        order: 2;
    }

    .reverse .splitcontent {
        order: 1;
    }

    #home-treatment .sci-inner p {
        max-width: 633px;
    }

    #whoweare.splitrow .row {
        align-items: center;
    }

}

@media only screen and (min-width: 1024px) {

    .splitrow .row {
        align-items: center;
    }

    .splitrow {
        margin-bottom: 96px;
    }

}

@media only screen and (min-width: 1280px) {

    .splitrow {
        margin-bottom: 130px;
    }

	.splitimg {
        width: 46%;
    }

    .splitcontent {
        width: 46%;
    }

    .sci-inner p {
        margin-bottom: 48px;
    }

}

/*-----------------------------------*\
  ABOUT US
\*-----------------------------------*/

#aboutjv {
	text-align: center; font-size: 1.8rem;
}

#aboutjv br {
	display: none;
}

#map {
	position: relative; z-index: -1;
	margin: -50px auto 0;
}

@media only screen and (min-width: 768px) {

	#aboutjv, #whoweare {
		font-size: 2rem;
	}

	#aboutjv br {
		display: block;
	}

}

@media only screen and (min-width: 1024px) {

	#aboutjv, #whoweare {
		font-size: 2.4rem;
	}

}

@media only screen and (min-width: 1280px) {

	#aboutjv, #whoweare {
		font-size: 3.2rem;
		line-height: 1.375;
	}

}

@media only screen and (min-width: 1440px) {

	#aboutjv, #whoweare {
		font-size: 4rem;
	}

}

/*-----------------------------------*\
  COLUMN PAGES
\*-----------------------------------*/

#mobsecmenu {
	position: sticky; top: 0;
	background: #f5f5f5; z-index: 10;
}

a.showsections {
	display: flex; height: 44px;
	align-items: center; color: #162656;
	font-size: 1.8rem;
}

.for-healthcare-providers a.showsections {
	font-size: 1.5rem;
}

.msm-arrow {
	margin-left: auto;
	width: 20px;
	transition: transform 0.25s linear;
}

a.showsections.active .msm-arrow {
	transform: rotate(180deg);
}

.msm-wrap {
	position: absolute; top: 44px;
	left: 0; right: 0; background: #fff;
	padding: 10px 0;
	box-shadow: 0 10px 20px -20px rgba(0,0,0,0.95);
	display: none;
}

.msm-menu {
	list-style: none;
}

.msm-menu li {
	border-bottom: 1px solid #f5f5f5;
}

.msm-menu li:last-child {
	border: none;
}

.msm-menu li a {
	font-size: 1.6rem; line-height: 2.5;
	color: #000;
}

#numbered {
	position: relative;
}

#numbered h3 {
	color: #4E61EF;
}

.col-menu {
	display: none;
}

#numbered {
	position: relative;
}

.nsrow {
	position: relative;
}

.treatment-intro, .numbersec {
	margin-bottom: 48px;
}

.secnumber {
	display: flex; height: 40px;
	width: 40px; border-radius: 50%;
	align-items: center; justify-content: center;
	font-weight: 500; background: #E5E8FF;
	margin-bottom: 20px; box-shadow: 0 0 20px #E5E8FF;
}

.singleimgwrap {
	margin-bottom: 30px;
}

.fullimgwrap, .artistmodwrap {
	margin-top: 48px;
}

.doubleimgwrap {
	margin-bottom: 30px;
}

.dcol {
	margin-bottom: 10px;
}

.basic-copy ul {
	margin-left: 14px;
	margin-bottom: 20px;
}

.basic-copy ul li {
	padding-left: 12px;
	margin-bottom: 5px;
}

.basic-copy ul li ul {
	margin-top: 12px;
	list-style: disc;
}

p.warning {
	color: #fff; background: #4E61EF url('img/icn-warning.png') no-repeat 20px 12px;
	background-size: 20px; font-weight: 700;
	border-radius: 10px; padding: 40px 20px 20px;
}

p.warning a {
	color: #fff; text-decoration: underline;
}

p.warning a[target="_blank"] {
	padding-right: 22px;
	background: url(img/icn-external.png) no-repeat right center;
	background-size: 14px;
}

.detailedwrap {
	border-top: 1px solid #E6E6E6;
	padding-top: 20px;
	margin-bottom: 40px;
}

.detailed-item {
	padding-bottom: 20px;
	border-bottom: 1px solid #E6E6E6;
	margin-bottom: 20px;
}

.detailed-item p {
	margin-bottom: 10px;
}

.detailed-item p:last-of-type {
	margin-bottom: 0;
}

.detailed-item strong {
	color: #4E61EF;
}

.iconwrap {
	margin-bottom: 40px;
}

.icon-list {
	list-style: none;
}

.icon-item {
	display: flex; align-items: center;
	margin-bottom: 20px;
}

.icon {
	width: 48px;
}

.icon-copy {
	margin-left: 20px;
}

.iconboxes {
	margin-bottom: 20px;
}

.iconbox {
	border-radius: 24px;
	border: 1px solid #D3D3D3;
	padding: 16px;
	margin-bottom: 16px;
}

.iconbox:last-of-type {
	margin-bottom: 0;
}

.ibox-icon {
	width: 40px; margin-bottom: 10px;
}

.ibox-copy {
	font-size: 1.6rem; font-weight: 500;
	line-height: 1.4; 
}

.statboxes {
	margin-bottom: 20px;
}

.statbox {
	border-radius: 16px;
	border: 1px solid #D3D3D3;
	padding: 16px;
	margin-bottom: 16px;
}

.statbox:last-of-type {
	margin-bottom: 0;
}

.sbox-stat {
	color: #4B5DE6; font-weight: 500;
	font-size: 3rem; line-height: 1.4;
}

.sbox-copy {
	font-weight: 500;
}

.simplecols, .mob-progtable {
	border: 1px solid #e6e6e6;
	border-radius: 10px;
	margin-bottom: 30px;
}

.simplecol {
	border-bottom: 1px solid #e6e6e6;
}

.simplecol:last-of-type {
	border: 0;
}

.sc-heading {
	padding: 8px 16px; font-weight: 700;
	color: #4E61EF; 
}

.sc-copy {
	padding: 0 16px 16px; 
}

.capimgwrap img {
	margin-bottom: 20px;
}

figcaption, .footnote {
	color: #4E61EF; font-size: 1.2rem;
}

.mpt-label {
	padding: 12px 16px; font-weight: 700;
	color: #4E61EF; 
}

.mpt-label {
	border-bottom: 1px solid #e6e6e6;
}

.last-label {
	border-top: 1px solid #e6e6e6;
}

.mpt-col {
	padding: 16px 16px 32px;
	position: relative;
}

.downarrow {
	position: absolute; width: 16px;
	bottom: 0; left: 16px;
}

.mpt-col.mpt-last {
	border: 0; padding-bottom: 16px;
}

.progtable {
	display: none;
}

.tablewrap {
	margin-bottom: 30px;
	width: 100%; overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.table-inner {
	border: 1px solid #E6E6E6;
	border-radius: 10px;
	overflow: hidden;
	width: 500px;
}

table {
	width: 100%;
	border-collapse: collapse;
}

thead {
	color: #4E61EF; font-weight: 700;
}

th {
	vertical-align: bottom;
}

th, td {
	padding: .75rem;
	border-right: 1px solid #E6E6E6;
	text-align: center;
	border-bottom: 1px solid #e6e6e6;
}

th {
	border-right-color: #fff;
}

tr:last-of-type td {
	border-bottom: 0;
}

th:first-child, td:first-child {
	text-align: left;
}

th:last-child, td:last-child {
	border-right: 0;
}

tr.lit {
	background: #F8F8F8;
}

td.gender {
	color: #4E61EF; font-weight: 700;
}

@media only screen and (min-width: 768px) {

	.for-healthcare-providers a.showsections {
		font-size: 1.8rem;
	}

	.treatment-intro, .numbersec {
		margin-bottom: 72px;
	}

	.fullimgwrap, .artistmodwrap {
		margin-top: 72px;
	}

	.basic-copy ul {
		margin-left: 16px;
	}

	.basic-copy ul li {
		padding-left: 16px;
	}

	.doubleimgwrap {
		display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-column-gap: 10px;
    }

    p.warning {
		background: #4E61EF url('img/icn-warning.png') no-repeat 20px 18px;
		background-size: 30px;
		padding: 60px 20px 20px;
	}

	.iconwrap {
		margin-bottom: 80px;
		padding-top: 20px;
	}

	.icon-item {
		margin-bottom: 30px;
	}

	.icon {
		width: 80px;
	}

	.icon-copy {
		margin-left: 24px;
	}

	.iconbox {
		padding: 24px 30px;
		margin-bottom: 18px;
		display: flex;
		align-items: center;
	}

	.ibox-icon {
		width: 60px; margin-bottom: 0;
	}

	.ibox-copy {
		margin-left: 20px;
		font-size: 1.8rem;
	}

	.statboxes {
		margin-bottom: 30px;
	}

	.statbox {
		border-radius: 24px; padding: 30px;
		display: flex; align-items: center;
	}

	.sbox-stat {
		font-size: 4.8rem;
	}

	.sbox-copy {
		font-size: 2rem;
		margin-left: 20px;
		line-height: 1.4;
	}

	.simplecols {
		display: grid;
        grid-template-columns: repeat(4, 1fr);
	}

	.simplecol {
		border-bottom: 0;
		border-right: 1px solid #e6e6e6;
	}

	.sc-heading {
		border-bottom: 1px solid #e6e6e6;
	}

	.sc-copy {
		padding: 16px; 
	}

	figcaption, .footnote  {
		font-size: 1.3rem;
	}

	.mob-progtable {
		display: none;
	}

	.progtable {
		display: block;
		border: 1px solid #e6e6e6;
		border-radius: 10px;
	}

	.pt-labels {
		display: flex; font-weight: 700;
		border-bottom: 1px solid #e6e6e6;
		color: #4E61EF;
	}

	.pt-label1 {
		width: 75%;
		padding: 12px 0 12px 8px;
	}

	.pt-label2 {
		width: 25%;
		border-left: 1px solid #e6e6e6;
		padding: 12px 0 12px 8px;
	}

	.pt-cols {
		display: flex;
	}

	.pt-col {
		width: 25%; position: relative;
		padding: 12px 20px 20px 8px;
	}

	.pt-col:last-of-type {
		padding-right: 8px;
	}

	.rightarrow {
		position: absolute; top: 50%;
		right: 4px; width: 16px;
		transform: translateY(-50%);
	}

	.table-inner {
		width: 100%;
	}

	th, td {
		padding: 12px 16px;
	}

	th:first-child, td:first-child {
		width: 32%; padding-left: 48px;
	}

	td.gender {
		padding-left: 16px;
	}

	p.warning a[target="_blank"] {
		padding-right: 24px;
		background: url(img/icn-external.png) no-repeat right center;
		background-size: 16px;
	}

}

@media only screen and (min-width: 1024px) {

	#mobsecmenu {
		display: none;
	}

	.nsrow {
		display: flex; align-items: flex-start;
		justify-content: space-between;
	}

	.col-menu {
		display: block; width: 25%;
		position: sticky; top: 100px;
		padding-bottom: 40px;
	}

	.col-menu h4 {
		font-weight: 500;
	}

	.secmenu {
		list-style: none;
	}

	.secmenu li {
		border-top: 1px solid #e6e6e6;
		display: flex; height: 48px;
		align-items: center;
	}

	.secmenu a {
		color: #000;
	}

	.secmenu a:hover {
		color: #4E61EF;
	}

	.col-content {
		width: 70%;
	}

	.treatment-intro, .numbersec {
		margin-bottom: 96px;
	}

	.singleimgwrap {
		margin-bottom: 30px;
	}

	.fullimgwrap, .artistmodwrap  {
		margin-top: 96px;
		margin-left: -27.9296875vw;
		position: relative;
		z-index: 11;
	}

	.pt-label1 {
		padding: 12px 0 12px 16px;
	}

	.pt-label2 {
		padding: 12px 0 12px 16px;
	}

	.pt-col {
		padding: 12px 20px 20px 16px;
	}

	.rightarrow {
		right: 0; width: 16px;
	}

	.pt-col:last-of-type {
		padding-right: 16px;
	}

}

@media only screen and (min-width: 1280px) {

	.col-menu {
		width: 35%; max-width: 307px;
	}

	.col-menu h4 {
		font-size: 2.5rem;
		margin-bottom: 20px;
	}

	.secmenu li {
		height: 60px; font-size: 1.8rem;
	}

	.col-content {
		width: 60%;
	}

	.cc-inner {
		max-width: 789px;
	}

	.treatment-intro, .numbersec {
		margin-bottom: 120px;
	}

	.singleimgwrap {
		margin-bottom: 50px;
	}

	.fullimgwrap, .artistmodwrap {
		margin-top: 120px;
		margin-left: -37.8125vw;
	}

	.secnumber {
		height: 60px;
		width: 60px;
	}

	.sectitle {
		position: relative;
	}

	.secnumber {
		position: absolute; top: 2px;
		left: -90px; margin: 0;
	}

	.doubleimgwrap {
        grid-column-gap: 20px;
    }

    .detailedwrap {
		padding-top: 30px;
		margin-bottom: 50px;
	}

	.detailed-item {
		padding-bottom: 30px;
		margin-bottom: 30px;
	}

	#numbered .detailed-item p {
		margin-bottom: 20px;
	}

	figcaption, .footnote  {
		font-size: 1.4rem;
	}

}

@media only screen and (min-width: 1440px) {

	.treatment-intro, .numbersec {
		margin-bottom: 150px;
	}

	.fullimgwrap, .artistmodwrap {
		margin-top: 150px;
	}

	h2.secheading {
		line-height: 1.16;
		margin-bottom: 48px;
	}

	#numbered h3 {
		margin-bottom: 30px;
	}

	#numbered p {
		margin-bottom: 30px;
	}

	#numbered .detailed-item p {
		margin-bottom: 20px;
	}

	#numbered .detailed-item p:last-of-type {
		margin-bottom: 0;
	}

	.basic-copy ul {
		margin-left: 18px;
		margin-bottom: 30px;
	}

	.basic-copy ul li {
		padding-left: 20px;
		margin-bottom: 8px;
	}

	p.warning {
		background: #4E61EF url('img/icn-warning.png') no-repeat 30px 24px;
		background-size: 33px; padding: 70px 90px 24px 30px;
		border-radius: 25px;
	}

	.sc-heading {
		padding: 14px 24px; 
	}

	.sc-copy {
		padding: 28px 25px 32px; 
	}

	.capimgwrap img {
		margin-bottom: 30px;
	}

	.basic-copy ul li ul {
		margin-top: 16px;
	}

	.simplecols, .progtable {
		border-radius: 25px;
	}

	.pt-label1, .pt-label2 {
		padding: 14px 0 14px 24px;
	}

	.pt-col {
		padding: 28px 30px 32px 24px;
	}

	.rightarrow {
		right: 0; width: 21px;
	}

	.pt-col:last-of-type {
		padding-right: 20px;
	}

	.table-inner {
		border-radius: 25px;
	}

	th, td {
		padding: 20px;
	}

	th:first-child, td:first-child {
		padding-left: 80px;
	}

	td.gender {
		padding-left: 20px;
	}

	.iconboxes {
		margin-bottom: 26px;
	}

	.ibox-icon {
		width: 80px;
	}

	.ibox-copy {
		font-size: 2rem;
		max-width: 544px;
	}

	p.warning a[target="_blank"] {
		padding-right: 26px;
		background: url(img/icn-external.png) no-repeat right center;
		background-size: 18px;
	}

}

@media only screen and (min-width: 1520px) {

	.fullimgwrap, .artistmodwrap {
		margin-left: -580px;
	}

}

/*-----------------------------------*\
  BOTTOM SECTIONS
\*-----------------------------------*/

#fhp-contact {
	margin-bottom: 40px;
}

.fhpc-inner {
	background: #F5F5F5;
	padding: 48px 26px;
}

.fhpc-inner p {
	margin-bottom: 0;
}

.fhpc-inner br {
	display: none;
}

#about-treatment, #trilogy {
	margin-bottom: 40px;
}

.abt-inner {
	position: relative;
}

.abt-content {
	position: absolute; top: 30px;
	left: 0; right: 0; color: #fff;
}

.artcopy h2 {
	margin-bottom: 8px;
}

.artcopy p {
	margin-bottom: 16px;
}

.artcopy p:last-of-type {
	margin-bottom: 0;
}

#trilogy .wide-inner {
	background: #F5F5F5;
}

.ts-row {
	padding-top: 20px;
	padding-bottom: 30px;
}

#footnotes {
	margin-bottom: 40px; font-size: 1.2rem;
	color: #4E61EF;
}

.ar-treatment-options #footnotes,
.for-healthcare-providers #footnotes {
	margin-bottom: 20px;
}

.ts-copy p:last-of-type {
	margin-bottom: 0;
}

.ts-copy h2 {
	font-size: 2.2rem;
	line-height: 1.35;
}

#disclaimers {
	margin-bottom: 40px;
	font-size: 1.2rem;
}



@media only screen and (min-width: 768px) {

	.fhpc-inner {
		padding: 72px 26px;
		text-align: center;
	}

	.fhpc-inner br {
		display: block;
	}

	#footnotes {
		margin-bottom: 60px; font-size: 1.3rem;
	}

	.ar-treatment-options #footnotes,
	.for-healthcare-providers #footnotes {
		margin-bottom: 30px;
	}

	#disclaimers {
		margin-bottom: 60px;
	}

	.abt-content {
		top: 0; bottom: 0;
		left: 0; right: 0; 
		display: flex;
		align-items: center;
	}

	.basic.artcopy {
		width: 100%;
	}

	#about-treatment, #trilogy {
		margin-bottom: 60px;
	}

	.ts-row {
		display: flex; align-items: center;
		padding-top: 40px;
		padding-bottom: 40px;
		justify-content: space-between;
	}

	.ts-img {
		order: 2;
		width: 54%;
	}

	.ts-copy {
		order: 1; width: 46%;
	}

	.ts-copy h2 {
		font-size: 2.4rem;
	}

}

@media only screen and (min-width: 1024px) {

	.fhpc-inner {
		padding: 96px 26px;
	}

	#fhp-contact {
		margin-bottom: 64px;
	}

	.artcopy h2 {
		margin-bottom: 20px;
	}

	.artcopy p {
		margin-bottom: 20px;
	}

	.ts-copy h2 {
		font-size: 3.2rem;
	}

}

@media only screen and (min-width: 1280px) {

	.fhpc-inner {
		padding: 148px 26px;
	}

	#about-treatment, #trilogy {
		margin-bottom: 80px;
	}

}

@media only screen and (min-width: 1440px) {

	#fhp-contact {
		margin-bottom: 96px;
	}

	.fhpc-inner {
		padding: 220px 26px;
	}

	#footnotes {
		margin-bottom: 80px; font-size: 1.4rem;
	}

	.ar-treatment-options #footnotes,
	.for-healthcare-providers #footnotes {
		margin-bottom: 40px;
	}

	#disclaimers {
		font-size: 1.3rem;
		margin-bottom: 80px;
	}

	.artcopy h2 {
		margin-bottom: 30px;
		line-height: 1.1;
	}

	.artcopy p {
		margin-bottom: 30px;
	}

	.ts-row {
		padding-top: 60px;
		padding-bottom: 60px;
	}

	.ts-copy h2 {
		font-size: 4.4rem;
	}

}

/*-----------------------------------*\
  RESOURCES
\*-----------------------------------*/

#resources-wrap {
	padding-top: 40px;
	margin-bottom: 40px;
}

.current-cat {
	text-transform: capitalize;
	border-bottom: 1px solid #E6E6E6;
	padding-bottom: 5px; margin-bottom: 30px;
}

.home-latest {
	background: #000; padding: 20px 0 5px;
}

.home-latest .latest-intro {
	color: #fff;
}

.latest-intro {
	margin-bottom: 40px;
}

.latest-intro h3 {
	margin-bottom: 20px;
}

.latest-intro p {
	margin-bottom: 0;
}

.latest-intro h3 br {
	display: none;
}

#fhp-resources {
	margin-bottom: 40px;
}

#articleheader {
	padding: 120px 0 16px;
}

#articleheader .card-cat {
	margin-bottom: 20px;
}

.single h1 {
	font-size: 2.4rem;
	line-height: 1.35;
	margin-bottom: 0;
}

#summary {
	margin-bottom: 60px;
}

.resource-summary {
	font-size: 1.6rem;
}

.resource-summary,
.resource-video {
	margin-bottom: 30px;
}

.resource-summary p:last-of-type {
	margin-bottom: 0;
}

.resource-video {
	border-radius: 4px;
	overflow: hidden;
}

.featuredimg {
	border-radius: 10px;
	overflow: hidden;
	margin-bottom: 30px;
}

.copy-col h3 {
	color: #4E61EF;
}

/*SHARE*/

.article-msm {
	border-top: 1px solid rgba(156, 205, 251, 0.3);
	padding-top: 30px;
}

.asm-title {
	display: inline-block; vertical-align: top;
	line-height: 44px; font-size: 1.2rem;
	font-weight: 700; letter-spacing: 0.2em;
}

.asm-list {
	display: inline-block; vertical-align: top;
	list-style: none;
}

.asm-list li {
	display: inline-block; vertical-align: top;
	width: 44px; margin: 0 0 0 8px;
}

#related {
	margin-bottom: 40px;
}

#related .wide-inner {
	background: #F5F5F5;
	padding-top: 30px;
}

.blog-pagination {
	text-align: center;
}

.blog-pagination a, .blog-pagination span {
	display: inline-block; vertical-align: top;
	margin: 0 5px; font-weight: 500;
}

.basic.newsbasic {
	max-width: 1040px;
}

@media only screen and (min-width: 768px) {

	.home-latest {
		padding: 0 0 40px; position: relative;
		z-index: 2; margin-top: -20px;
	}

	#resources-wrap, #fhp-resources {
		margin-bottom: 60px;
	}

	.latest-posts {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
        grid-column-gap: 20px;
	}

	.latest-posts .card {
		margin-bottom: 0;
	}

	.latest-intro h3 br {
		display: block;
	}

	#related {
		margin-bottom: 60px;
	}

	#related .wide-inner {
		padding-top: 40px;
		padding-bottom: 40px;
	}

	#articleheader {
		padding: 120px 0 24px;
	}

	#summary {
		margin-bottom: 96px;
	}

	.single h1 {
		font-size: 3rem;
	}

}

@media only screen and (min-width: 1024px) {

	#resources-wrap {
		padding-top: 0;
	}

	.latestrow {
		display: flex; align-items: center;
		justify-content: space-between;
	}

	.latest-intro {
		margin-bottom: 0;
		width: 38%;
	}

	.latest-posts {
		width: 60%;
	}

	.latest-intro h3, 
	#related .latest-intro h3 {
		margin-bottom: 30px;
	}

	#articleheader {
		padding: 140px 0 24px;
	}

	#articleheader .card-cat {
		margin-bottom: 24px;
	}

	.single h1 {
		font-size: 3.6rem;
	}

	.resource-summary {
		font-size: 1.8rem;
		max-width: 860px;
	}

	.resource-summary,
	.resource-video {
		margin-bottom: 40px;
	}

	.resource-summary p {
		margin-bottom: 30px;
	}

	.resource-video {
		border-radius: 10px;
	}

}

@media only screen and (min-width: 1280px) {

	#resources-wrap, #fhp-resources {
		margin-bottom: 80px;
	}

	#articleheader {
		padding: 240px 0 30px;
	}

	.single h1 {
		font-size: 4rem;
	}

	#related {
		margin-bottom: 80px;
	}

	#related .wide-inner {
		padding-top: 60px;
		padding-bottom: 60px;
	}

	.blog-pagination a, .blog-pagination span {
		margin: 0 8px; 
	}

	.resource-summary p {
		margin-bottom: 36px;
	}

	.resource-summary,
	.resource-video {
		margin-bottom: 48px;
	}

	.article-msm {
		padding-top: 36px;
	}

}

@media only screen and (min-width: 1440px) {

	#resources-wrap {
		margin-bottom: 80px;
	}

	.home-latest {
		padding: 0; position: absolute;
		margin-top: 0; bottom: 3vw;
		left: 0; right: 0; background: none;
	}

	.latest-intro h3 {
		margin-bottom: 64px;
	}

	#related .wide-inner {
		padding-top: 80px;
		padding-bottom: 80px;
	}

}

@media only screen and (min-width: 1640px) {

	.home-latest {
		bottom: 6.25vw;
	}

}

@media only screen and (min-width: 1920px) {

	.home-latest {
		bottom: 120px;
	}

}

/*-----------------------------------*\
  ARTIST MODULE
\*-----------------------------------*/

#artistmod {
	margin-bottom: 20px;
}

.home #artistmod {
	margin-bottom: 48px;
}

.am-inner {
	padding: 16px;
	background: #F5F5F5;
}

.am-row {
	max-width: 1520px;
	margin: 0 auto;
}

.am-img {
	background: linear-gradient(180deg, #E2EAF6 0%, #CCDDF0 100%);
	margin-bottom: 30px; border-radius: 16px;
	padding: 13px 11px;
}

.lottieDim {
	width: 100%;
	height: 100%;
}

.amph {
	aspect-ratio: 1 / 1;
	border-radius: 16px;
	background: linear-gradient(180deg, #E2EAF6 0%, #CCDDF0 100%);
}

.am-copy h5 {
	font-size: 1.4rem; line-height: 1;
	font-weight: 500; margin: 0 0 20px; 
}

.am-copy h2 {
	font-size: 2.4rem; line-height: 1.4;
	margin-bottom: 8px;
}

.am-copy p {
	margin-bottom: 20px;
	font-size: 1.6rem;
	line-height: 1.5;
}

.btn-am {
	display: flex; border-radius: 8px;
	background: #4E61EF; color: #fff;
	height: 44px; align-items: center;
	justify-content: center;
}

.btn-am:hover {
	color: #fff;
}

.btn-am span {
	display: inline-block; 
	font-size: 2rem; line-height: 1;
}

.btn-am img {
	display: inline-block;
	width: 23px; margin-left: 10px;
}

#artistpop {
	position: fixed; inset: 0;
	background: rgba(0, 0, 0, 0.4);
	z-index: 2000; visibility: hidden;
	opacity: 0; transition: all 0.25s linear;
}

#artistpop.active {
	visibility: visible;
	opacity: 1;
}

.ap-inner {
	width: 100%; height: 100%;
	overflow: auto;
}

.ap-content {
	background: #fff; border-radius: 18px;
	padding: 16px; width: 92%; max-width: 925px;
	margin: 96px auto 0; position: relative;
}

.ap-img {
	background: linear-gradient(180deg, #E2EAF6 0%, #CCDDF0 100%);
	margin-bottom: 30px; border-radius: 16px;
	padding: 10px;
}

.ap-copy h5 {
	font-weight: 500; line-height: 1;
	margin-bottom: 20px; font-size: 1.4rem;
}

.ap-copy h2 {
	font-size: 2.4rem; font-weight: 500;
	line-height: 1.4; margin-bottom: 8px;
}

.ap-copy p {
	font-size: 1.6rem; line-height: 1.5;
}

.btn-close {
	position: absolute; top: 26px;
	right: 26px; width: 30px;
	z-index: 2001;
}

@media only screen and (min-width: 768px) {

	#artistmod {
		margin-bottom: 30px;
	}

	.home #artistmod {
		margin-bottom: 60px;
	}

	.am-inner {
		padding: 20px;
		border-radius: 18px;
	}

	.am-row {
		display: flex; align-items: center;
		justify-content: space-between;
	}

	.am-img {
		margin-bottom: 0;
		width: 51%;
		padding: 13px 20px;
	}

	.artistmodwrap .am-img {
		width: 47%;
		padding: 0;
	}

	.am-copy {
		width: 43%;
	}

	.artistmodwrap .am-copy {
		width: 48%;
	}

	.btn-am {
		display: inline-flex; border-radius: 10px;
		padding: 0 30px;
	}

	.btn-am img {
		width: 18px; margin-left: 6px;
	}

	.ap-img {
		padding: 0 0 44.6%; position: relative;
		overflow: hidden;
	}

	.ap-img lottie-player {
		position: absolute; width: 63% !important;
		left: 50%; transform: translateX(-50%);
		top: -6vw;
	}

}

@media only screen and (min-width: 1006px) {

	.ap-content {
		padding: 42px;
	}

	.ap-img lottie-player {
		top: -60px;
	}

	.btn-close {
		top: 13px; right: 13px; 
	}

	.ap-copy h5 {
		font-size: 1.8rem;
	}

	.ap-copy h2 {
		font-size: 3.5rem;
		line-height: 1.35; 
	}

	.ap-copy p {
		font-size: 2rem; max-width: 680px;
	}

}

@media only screen and (min-width: 1024px) {

	#artistmod {
		margin-bottom: 40px;
	}

	.home #artistmod {
		margin-bottom: 96px;
	}

	.am-inner {
		padding: 30px;
	}

	.am-img {
		padding: 13px 30px;
	}

}

@media only screen and (min-width: 1280px) {

	#artistmod {
		margin-bottom: 60px;
	}

	.home #artistmod {
		margin-bottom: 130px;
	}

	.am-inner {
		padding: 40px;
	}

	.am-img {
		padding: 13px 40px;
	}

	.am-copy h5 {
		font-size: 1.6rem; 
	}

	.am-copy h2 {
		font-size: 3.2rem;
		margin-bottom: 10px;
	}

	.am-copy p {
		margin-bottom: 20px;
		font-size: 1.6rem;
		line-height: 1.5;
		max-width: 422px;
	}

	.home .am-copy p {
		max-width: 592px;
	}

}

@media only screen and (min-width: 1440px) {

	#artistmod {
		margin-bottom: 80px;
	}

	.am-img {
		padding: 13px 64px;
	}

	.am-copy h5 {
		font-size: 1.8rem; 
	}

	.am-copy h2 {
		font-size: 4.4rem;
		margin-bottom: 16px;
		line-height: 1.36;
	}

	.am-copy p {
		margin-bottom: 24px;
		font-size: 1.8rem;
	}

	.artistmodwrap .am-copy p {
		margin-bottom: 20px;
		font-size: 1.6rem;
	}

	.btn-am {
		height: 54px;
	}

}

/*-----------------------------------*\
  LOCATOR
\*-----------------------------------*/

#locator {
	margin-bottom: 40px;
}

.locator-inner {
	background: #f6f6f6;
	padding: 60px 16px;
	max-width: 1860px;
	margin: 0 auto;
	border-radius: 24px;
}

.locator-content {
	max-width: 1560px;
	margin: 0 auto;
}

.locator-top {
	text-align: center;
	margin-bottom: 20px;
}

p.smallintro {
	font-size: 1.1rem; text-transform: uppercase;
	font-weight: 700; margin: 0 0 16px; 
	letter-spacing: 0.2em; color: #1578C5;
}

.locator-top p:last-of-type {
	margin-bottom: 0;
}

.locator-top h2 {
	font-size: 2.5rem;
	margin-bottom: 10px;
}

#siteSearch {
	width: 288px; margin: 0 auto 40px;
	display: flex; justify-content: space-between;
}

input#zip {
	color: rgba(0, 0, 0, 0.60);
	font-size: 1.6rem;
	font-weight: 400;
	width: 188px; height: 40px;
	padding: 0 1.6rem;
	margin: 0; line-height: 38px;
	border-radius: 9999px;
	border: 1px solid #CECECE;
	background: #fff;
}

button#zipSearch {
	background: #1578C5; color: #fff;
	font-size: 1.1rem; font-weight: 500;
	padding: 0; width: 92px; height: 40px;
	border-radius: 9999px; text-align: center;
	text-transform: uppercase;
}

.locResults {
	margin-bottom: 10px;
	border: 1px solid #EAEAEA;
	border-radius: 16px;
	background: #fff;
	overflow: hidden;
	color: #000;
}

.locResults:last-of-type {
	margin: 0;
}

.siteInfo {
	padding: 16px;
}

.sitelogowrap {
	height: 18px;
	margin-bottom: 6px;
	display: flex;
	align-items: center;
}

.siteLogo {
	width: auto; height: 18px;
}

#ART-012.siteLogo {
	height: 12px;
}

.siteName {
	font-size: 1.8rem;
	font-weight: 500;
	line-height: 1.4;
	margin-bottom: 5px;
}

.siteLocation {
	font-size: 1.2rem;
	line-height: 1.5;
	margin-bottom: 12px;
}

.pi-info {
	margin-bottom: 16px;
}

.pi-details {
	display: flex;
	align-items: center;
}

.pi-details.pi2 {
	margin-top: 8px;
}

.pi-details.hidepi2 {
	display: none;
}

.pi-img {
	width: 30px;
}

.pi-name {
	font-size: 1.6rem;
	font-weight: 500;
	margin-left: 16px;
}

.contact-label {
	font-size: 1.2rem;
	margin-bottom: 8px;
	font-weight: 500;
	opacity: 0.56;
}

.crc-info {
	margin-bottom: 16px;
}

.crc-details.crc2 {
	margin-top: 10px;
}

.crc-details.hidecrc2 {
	display: none;
}

.crc-name {
	font-size: 1.4rem; font-weight: 500;
	margin-bottom: 6px; line-height: 1.2;
}

.sc-link {
	display: inline-block;
	vertical-align: top;
	font-size: 1.4rem; font-weight: 500;
	color: #000; text-decoration: underline;
	padding-left: 28px; line-height: 2rem;
}

.sc-email {
	background: url(img/site/email-icon.svg) no-repeat left center;
	background-size: 20px;
}

.sc-phone {
	background: url(img/site/phone-icon.svg) no-repeat left center;
	background-size: 20px;
}

.sc-directions {
	background: url(img/site/map-icon.svg) no-repeat left center;
	background-size: 20px;
}

.sc-website {
	background: url(img/site/web-icon.svg) no-repeat left center;
	background-size: 20px;
}

.mdot {
	display: inline-block;
	vertical-align: top;
	margin: 0 4px;
}

.btn-site {
	display: inline-flex; align-items: center;
	justify-content: center;
	width: 160px; height: 34px;
	border-radius: 9999px;
	border: 1px solid #1578C5;
	color: #1578C5; font-size: 1.1rem;
	text-transform: uppercase;
	font-weight: 500;
	margin-top: 16px;
}

.btn-site span, .icn-ext {
	display: inline-block;
}

.icn-ext {
	width: 10px; margin-left: 4px;
}

@media only screen and (min-width: 768px) {

	#locator {
		margin-bottom: 60px;
	}

	.locator-inner {
		padding: 60px 16px;
	}

	.locator-top {
		margin-bottom: 24px;
	}

	#siteSearch {
		width: 380px;
	}

	input#zip {
		width: 272px; height: 48px;
		line-height: 46px;
	}

	button#zipSearch {
		font-size: 1.3rem;
		width: 100px; height: 48px;
	}

	#locResultsWrapper {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		grid-column-gap: 10px;
		max-width: 1700px;
		margin: 0 auto;
	}

	.locResults {
		margin-bottom: 0;
	}

	.siteName {
		font-size: 1.6rem;
	}

}

@media only screen and (min-width: 1024px) {

	.locator-inner {
		padding: 60px 20px;
	}

	p.smallintro {
		font-size: 1.3rem; 
		margin: 0 0 20px;
	}

	.locator-top h2 {
		font-size: 3rem;
    	line-height: 1.28;
	}

}

@media only screen and (min-width: 1280px) {

	#locator {
		margin-bottom: 80px;
	}

	.locator-inner {
		padding: 80px 40px;
	}

	.locator-top h2 {
		margin-bottom: 24px;
	}

	.locator-top {
		font-size: 1.8rem;
	}

	.siteName {
		font-size: 1.8rem;
	}

	#locResultsWrapper {
		grid-column-gap: 20px;
	}

}

@media only screen and (min-width: 1440px) {

	.locator-top h2 {
		font-size: 3.5rem;
	}

	#locResultsWrapper {
		grid-column-gap: 30px;
	}

	.siteInfo {
		padding: 24px;
	}

	.sitelogowrap {
		margin-bottom: 8px;
		height: 24px;
	}

	.siteLogo {
		height: 24px;
	}

	#ART-012.siteLogo {
		height: 18px;
	}

	.siteName {
		font-size: 2rem;
	}

	.siteLocation {
		font-size: 1.6rem;
		margin-bottom: 18px;
	}

	.pi-info {
		margin-bottom: 24px;
	}

	.piLabel {
		font-size: 1.4rem;
	}

	.piName {
		font-size: 1.8rem;
	}

	.contact-label {
		font-size: 1.4rem;
		margin-bottom: 10px;
	}

	.crc-info {
		margin-bottom: 24px;
	}

	.crc-name {
		font-size: 1.6rem; 
		margin-bottom: 8px;
	}

	.sc-link {
		font-size: 1.6rem; 
		padding-left: 32px; line-height: 2.4rem;
	}

	.sc-email {
		background: url(img/site/email-icon.svg) no-repeat left center;
		background-size: 24px;
	}

	.sc-phone {
		background: url(img/site/phone-icon.svg) no-repeat left center;
		background-size: 24px;
	}

	.sc-directions {
		background: url(img/site/map-icon.svg) no-repeat left center;
		background-size: 24px;
	}

	.sc-website {
		background: url(img/site/web-icon.svg) no-repeat left center;
		background-size: 24px;
	}

	.mdot {
		display: inline-block;
		vertical-align: top;
		margin: 0 6px;
	}

	.btn-site {
		width: 200px; height: 46px;
		font-size: 1.3rem;
		margin-top: 24px;
	}

	.icn-ext {
		width: 14px; margin-left: 8px;
	}

}