/*
	Name: HAEA Update Style
	Version: 1.0
*/

/*------------------------------------*\
    Global
\*------------------------------------*/

/* 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 & Body */
html {
	font-size:62.5%;
	margin:0;
}
body {
	font-family: 'Montserrat', sans-serif;
	font-weight:400;
	font-size:18px;
	line-height:1.4;
	color:#333333;
	margin:0;
	position:relative;
}

/* Clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}
.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}

/* Images */
img {
	max-width:100%;
	vertical-align:bottom;
	flex-shrink:0;
}

/* Form Elements */
input:focus {
	outline:0;
	border:1px solid #04A4CC;
}

/* Mobile Hides Desktop */
.mobileShow {
	display:none;
}

.mobileHide {
	display:block;
}

/* Back to Top */
#back-to-top {
	
}

#back-to-top .icon {
	
}

#back-to-top .icon:after {
	
}

ul, ol {
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 20px;
}

li {
	margin-bottom:10px;
}

.hidden_nav {
	display: none !important;
}

ul.nav li {
	margin-bottom:0px;
}

.nav-menu li {
	margin-bottom:0;
}

ul.sub-nav {
	margin-top:0;
}
/*------------------------------------*\
    TYPOGRAPHY
\*------------------------------------*/

h1 {
	font-size: 42px;
	font-weight: 800;
	line-height:1.2;
	color: #243746;
	margin: 20px 0;
}

h2 {
	font-size: 30px;
	font-weight: 800;
	line-height:1.2;
	color: #243746;
	margin: 20px 0;
}

h3 {
	font-size:30px;
	font-weight:700;
}

h4 {
	font-size:23px;
	font-weight:600;
}

h5 {
	
}

p {
	font-size:18px;
	font-weight:400;
	line-height:1.3;
	color: #333333;
	margin: 20px 0;
}

a {
	color:#6a9cb5;
	text-decoration:none;
}
a:hover {
	color:#243746;
	background-color:transparent;
	text-decoration: none;
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}

.btn2 {
	display:block;
	color:white;
	text-transform:uppercase;
	background-color: #f36e63;
	border:2px solid #f36e63;
	font-size:17px;
	font-weight:600;
	transition: all ease .3s;
	white-space: nowrap;
}

.btn2:hover {
	background-color: white;
	border:2px solid white;
	color: #f36e63;
}

.btn2:after {
	display:block;
	content: "►";
	font-family:"Arial";
	color:white;
	margin-left:10px;
	transition: all ease .3s;
}

.btn2:hover:after {
	color: #f36e63;
}

.btn-long {
	display:flex;
	justify-content: center;
	align-items: center;
	width:500px;
	height:48px;
	border-radius:48px;
	color:white;
	background-color: #f36e63;
	border:2px solid #f36e63;
	font-size:17px;
	font-weight:600;
	transition: all ease .3s;
	white-space: nowrap;
	text-transform:uppercase;
}

.btn-long:hover {
	background-color: white;
	border:2px solid #f36e63;
	color: #f36e63;
}

.btn-long:after {
	display:block;
	content: "►";
	font-family:"Arial";
	color:white;
	margin-left:10px;
	transition: all ease .3s;
}

.btn-long:hover:after {
	color: #f36e63;
}

.btn3 {
	display:flex;
	justify-content: center;
	align-items: center;
	width:300px;
	height:48px;
	border-radius:48px;
	color:white;
	background-color: #699cb5;
	border:2px solid #699cb5;
	font-size:17px;
	font-weight:600;
	transition: all ease .3s;
	white-space: nowrap;
	text-transform:uppercase;
}

.btn3:hover {
	background-color: white;
	border:2px solid #699cb5;
	color: #699cb5;
}

.btn3:after {
	display:block;
	content: "►";
	font-family:"Arial";
	color:white;
	margin-left:10px;
	transition: all ease .3s;
}

.btn3:hover:after {
	color: #699cb5;
}


.btn4 {
	display:flex;
	justify-content: center;
	align-items: center;
	width:300px;
	height:48px;
	border-radius:48px;
	color:white;
	background-color: #f36e63;
	border:2px solid #f36e63;
	font-size:17px;
	font-weight:600;
	transition: all ease .3s;
	margin-right:20px;
	white-space: nowrap;
	text-transform:uppercase;
}

.btn4:hover {
	background-color: white;
	border:2px solid #f36e63;
	color: #f36e63;
}

.btn4:after {
	display:block;
	content: "►";
	font-family:"Arial";
	color:white;
	margin-left:10px;
	transition: all ease .3s;
}

.btn4:hover:after {
	color: #f36e63;
}


.btn-yellow {
	display:flex;
	justify-content: center;
	align-items: center;
	width:300px;
	height:48px;
	border-radius:48px;
	color:white;
	background-color: #ffb737;
	border:2px solid #ffb737;
	font-size:17px;
	font-weight:600;
	transition: all ease .3s;
	margin-right:20px;
	white-space: nowrap;
	text-transform:uppercase;
}

.btn-yellow:hover {
	background-color: white;
	border:2px solid #ffb737;
	color: #ffb737;
}

.btn-yellow:after {
	display:block;
	content: "►";
	font-family:"Arial";
	color:white;
	margin-left:10px;
	transition: all ease .3s;
}

.btn-yellow:hover:after {
	color: #ffb737;
}


.dark-btn {
	display:flex;
	justify-content: center;
	align-items: center;
	width:100%;
	height:48px;
	border-radius:48px;
	color:white;
	background-color:#243746;
	border:2px solid #243746;
	font-size:17px;
	font-weight:600;
	transition: all ease .3s;
	white-space: nowrap;
	text-transform:uppercase;
}

.dark-btn:hover {
	background-color: white;
	border:2px solid #243746;
	color: #243746;
}

.dark-btn:after {
	display:block;
	content: "►";
	font-family:"Arial";
	color:white;
	margin-left:10px;
	transition: all ease .3s;
}

.dark-btn:hover:after {
	color: #243746;
}

.youth-btn {
	display:flex;
	justify-content: center;
	align-items: center;
	width:300px;
	height:48px;
	border-radius:48px;
	color:white;
	background-color: #699cb5;
	border:2px solid #699cb5;
	font-size:17px;
	font-weight:600;
	transition: all ease .3s;
	white-space: nowrap;
	text-transform:uppercase;
}

.youth-btn:hover {
	background-color: white;
	border:2px solid white;
	color: #699cb5;
}

.youth-btn:after {
	display:block;
	content: "►";
	font-family:"Arial";
	color:white;
	margin-left:10px;
	transition: all ease .3s;
}

.youth-btn:hover:after {
	color: #f36e63;
}

.coral-outline {
	
}

/*------------------------------------*\
    WRAPPERS
\*------------------------------------*/

/* Div Widths */
.box100 {
	width:100%;
	float:left;
	display:flex;
}

.box75 {
	width:75%;
	float:left;
	display:flex;
}

.box80 {
	width: 80%;
	justify-content: center;
	display: flex;
	padding: 40px;
	flex-direction: column;
}

.box66 {
	width:66%;
	float:left;
	display:flex;
}

.box60 {
	width:60%;
	float:left;
	display:flex;
}

.box50 {
	width:50%;
	float:left;
	display:flex;
}

.box40 {
	width:40%;
	float:left;
	display:flex;
}

.box33 {
	width:33%;
	float:left;
	display:flex;
}

.box25 {
	width:25%;
	float:left;
	display:flex;
}

.box20 {
	width: 20%;
	display: flex;
	flex-direction: column;
}

/* Containers */
main {
	width: 100%;
	display:block;
	overflow: hidden;
}

main.faded {
	width: 100%;
	position:relative;
	top:40px;
	clear:both;
	margin-bottom:40px;
}

section {
	width: 100%;
	display: block;
	overflow: hidden;
}

.inner {
	max-width:1400px;
	width:100%;
	margin: 0 auto;
	padding:0 20px;
}

/*------------------------------------*\
    HEADER
\*------------------------------------*/

header {
	width:100%;
	height: 148px;
	position: absolute;
	z-index: 1337;
	transition: all .1s ease;
}

header.sticky {

}

header .sticky-inner {
	top:-68px;
}

header.sticky .mainbar {
	height:68px;
	position:fixed;
	top:0;
	background-color: rgba(106,156,181,.95) !important;
	-webkit-box-shadow: 0px -2px 20px -5px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px -2px 20px -5px rgba(0,0,0,0.75);
	box-shadow: 0px -2px 20px -5px rgba(0,0,0,0.75);
}

header.sticky .logo {
    width: 108px;
    height: 55px;
}

/* topbar */
.topbar {
	height:40px;
	width:100%;
	background-color: #f36e63;
	display:flex;
	align-content: center;
	justify-content: center;
	position:relative;
}

.esp-link {
	float:left;
}

.esp-link a {
	color:white;
	font-size:14px;
	line-height: 40px;
	font-weight:400;
	text-decoration: underline;
}

.top-search {
    float: right;
    height: 40px;
    display: flex;
    align-items: center;
    margin: 0 0 0 20px;
}

.top-search form {
	margin:0;
	margin-top: -3px;
}

.top-search input[type="text"] {
	height: 24px;
    width: 290px;
    appearance: none;
    -webkit-appearance: none;
    background-color: transparent;
    border: 1px solid white;
    font-size: 14px;
    line-height: 1;
    color: white;
    -webkit-border-top-left-radius: 40px;
    -webkit-border-bottom-left-radius: 40px;
    -moz-border-radius-topleft: 40px;
    -moz-border-radius-bottomleft: 40px;
    border-top-left-radius: 40px;
    border-bottom-left-radius: 40px;
    margin-right: -5px;
    padding: 0 14px;
}

.top-search input[type="submit"] {
	height: 24px;
    width: 34px;
    appearance: none;
    -webkit-appearance: none;
    background-color: transparent;
    border: 1px solid white;
    font-size: 14px;
    -webkit-border-top-right-radius: 40px;
    -webkit-border-bottom-right-radius: 40px;
    -moz-border-radius-topright: 40px;
    -moz-border-radius-bottomright: 40px;
    border-top-right-radius: 40px;
    border-bottom-right-radius: 40px;
    background-image: url('../img/search-icon.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 16px;
}

.top-search input[type="text"]::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: white;
  opacity: 1; /* Firefox */
}

.top-search input[type="text"]:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: white;
}

.top-search input[type="text"]::-ms-input-placeholder { /* Microsoft Edge */
  color: white;
}

.top-social {
    float: right;
    height: 40px;
    display: flex;
    align-items: center;
    margin: 0 0 0 20px;
}

.top-social a {
	margin-left:10px;
}

.top-social a img {
	
}

/* mainbar */
.mainbar {
	width:100%;
	height:108px;
	background-color:#699cb5;
    display: flex;
    align-items: center;
    transition: top .3s ease;
}

.mainbar.faded {
	background-color:rgba(106,156,181,.8);
}

.mainbar .inner {
	display: flex;
    align-items: center;
}

.logo {
	width:148px;
	height:72px;
}

.logo img {
	max-width:100%;
}

.nav-menu-bar {
	display:flex;
	width:calc(100% - 150px);
	float:right;
	padding-left: 130px;
}

ul.nav-menu {
	list-style: none;
	padding:0;
	margin:0;
	display:flex;
	width:100%;
}

li.nav-item {
	display: flex;
    flex-grow: 1;
    justify-content: flex-start;
    position:relative;
    padding-left:30px;
}

li.active-nav a:first-child {
    color: #243746 !important;
    border-bottom: 1px solid #243746 !important;
}

li.has-sub-nav #main-nav-link:after {
	display: inline-block;
	content: "";
	width: 14px;
	height: 14px;
	cursor: pointer;
	background-image: url('../img/menu-chevron.svg');
	background-repeat: no-repeat;
	background-position: center center;
	margin-left: 10px;
	margin-top:2px;
}

li.has-sub-nav #main-nav-link2:after {
	display: inline-block;
	content: "";
	width: 14px;
	height: 14px;
	cursor: pointer;
	background-image: url('../img/menu-chevron-blue.svg');
	background-repeat: no-repeat;
	background-position: center center;
	margin-left: 10px;
	margin-top:2px;
	-webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    position: absolute;
    right: 12px;
}

li.has-sub-nav:hover #main-nav-link:after {
	margin-top:2px;
	background-image:url('../img/menu-chevron-up.svg');
}

#main-nav-link2:after {
	margin-top:2px;
	background-image:url('../img/menu-chevron.svg');
}

li.active-nav a:after {
	background-image:url('../img/menu-chevron-blue.svg');
}

li.active-nav:hover a:after {
	margin-top:2px;
	background-image:url('../img/menu-chevron-up-blue.svg');
}

li.nav-item a {
	font-size:17px;
	font-weight:600;
	line-height:1;
	color:#fefcfc;
	border-bottom:1px solid transparent;
}

li.nav-item a:hover {
	border-bottom:1px solid white;
}

li.nav-item ul.sub-nav {
	list-style: none;
	display: none;
    position: absolute;
	left:30px;
    top: 18px;
    padding:10px 0 0 0;
    flex-direction: column;
    z-index: 6;
}

li.has-sub-nav:hover ul.sub-nav {
	display: flex;
}

li.has-sub-nav2:hover ul.sub-nav2 {
	display: flex;
}

ul.sub-nav2 {
	list-style: none;
    display: none;
    position: absolute;
    left: 100%;
    top: 0px;
    padding: 0px 0 0 0;
    border-left:1px solid #699cb5 !important;
    flex-direction: column;
    z-index: 6;
}

ul.sub-nav li {
	position:relative;
	white-space: nowrap;
}

ul.sub-nav li a {
    min-height: 40px;
    display: flex;
    align-items: center;
    padding: 12px 14px 12px 12px;
	color:black;
	font-size:16px;
	line-height:1.3;
	border-bottom:1px solid #699cb5 !important;
	background-color:white;
}

ul.sub-nav li a:hover {
	color:white;
	background-color:#6a9cb5;
	border-bottom:1px solid #699cb5;
}

ul.sub-nav li a:first-child {
    border-bottom: 1px solid #699cb5 !important;
}

/* message bar */
.messagebar {
	display:flex;
	width:100%;
	flex-direction: column;
	min-height:58px;
	background-color:white;
	justify-content: center;
	position:relative;
	-webkit-box-shadow: 0px 6px 25px -16px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 6px 25px -16px rgba(0,0,0,0.75);
	box-shadow: 0px 6px 25px -16px rgba(0,0,0,0.75);
}

.message-heading {
	display:flex;
    align-items: center;
    justify-content: center;
    background-color: white;
    height:58px;
	font-size:20px;
	color: #243746;
	text-align:center;
	font-weight:600;
	position:relative;
}

.message-heading #message-read {
	color: #699cb5;
	margin-left:20px;
	cursor:pointer;
}

.hide-message {
	display:none !important;
}

.message-heading #message-read:after {
	display:inline;
	content: ">";
	text-decoration: none;
	margin-left:4px;
}

.message-heading #message-read span {
	border-bottom:2px solid #699cb5;
}

.message-close {
	position:absolute;
	height:27px;
	width:27px;
	display:flex;
	right:0;
	background-color:#699cb5;
	border-radius:28px;
	font-size:16px;
	line-height:27px;
	font-weight:500;
	color:white;
	cursor: pointer;
	text-align: center;
	justify-content: center;
	align-items:center;
}

.message-close:hover {
	background-color:#333;
}

.message-content {
	width:100%;
	max-width:886px;
	background-color:white;
	display:none;
}

.center-image {
	margin: 20px;
    text-align: center;
}

.center-image img {
	
}

.message-text {
	
}

.message-text p {
	
}

.message-text a {
	
}

.message-text a.covid-message-button {
	
}

.message-text img {
	
}

.breadcrumbs {
	width:100%;
	height:26px;
	background-image:url('../img/breadcrumbs.png');
	background-size:cover;background-position:left top;
	background-repeat: no-repeat;
	font-size:14px;
	color:white;
}

.breadCrumbs .inner {
	line-height: 26px;
}

.breadCrumbs a {
	color:white;
}

.breadcrumbs span {
	color: #243746;
	font-weight:bold;
}

/*------------------------------------*\
    FOOTER
\*------------------------------------*/

footer {
	display:flex;
	background-color:#243746;
	font-size:14px;
	line-height:1.3;
	color:white;
}

/* footer top */
.footer-top {
	width: 100%;
    display: flex;
    padding: 60px 0 24px;
}

.foot-left {
	flex-direction:column;
}

.footer-logo {
	width:160px;
	margin-bottom:30px;
}

.footer-address {
	
}

.contact-advocate {
	padding-top:16px;
	font-size:18px;
	font-weight:800;
}

.contact-advocate img {
	margin-right:10px;
}

.foot-right {
	flex-direction: column;
	align-items: flex-end;
}

a.donate-btn {
	width: 300px;
    font-size: 20px;
    height: 52px;
    border-radius: 52px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 30px;
    margin-bottom: 30px;
}

.footer-policies a:hover {
	color:white !important;
}

.footer-join {
	
}

.footer-join input[type="email"] {
	height:52px;
	width:275px;
	appearance: none;
	-webkit-appearance: none;
	background-color: transparent;
	border: 1px solid #f36e63;
	font-size: 20px;
	color:white;
	-webkit-border-top-left-radius: 40px;
	-webkit-border-bottom-left-radius: 40px;
	-moz-border-radius-topleft: 40px;
	-moz-border-radius-bottomleft: 40px;
	border-top-left-radius: 40px;
	border-bottom-left-radius: 40px;
	padding: 0 20px 0 28px;;
	margin-right: -5px;
}

.footer-join input[type="submit"] {
	height:52px;
	width:144px;
	appearance: none;
	-webkit-appearance: none;
	background-color: #f36e63;
	border: 1px solid #f36e63;
	color:white;
	font-size: 20px;
	font-weight:600;
	-webkit-border-top-right-radius: 40px;
	-webkit-border-bottom-right-radius: 40px;
	-moz-border-radius-topright: 40px;
	-moz-border-radius-bottomright: 40px;
	border-top-right-radius: 40px;
	border-bottom-right-radius: 40px;
}

/* footer bottom */
.footer-bottom {
	width: 100%;
    display: flex;
    flex-direction: column;
    padding: 0px 0 60px;
}

.footer-policies {
	
}

.footer-about {
	
}

/*------------------------------------*\
    PAGES: TEMPLATE 1
\*------------------------------------*/

/* Main Banner */
#template-banner {
	display:flex;
	width:100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;
	position:relative;
	flex-direction: column;
}

#template-banner .banner-heading {
	flex-grow:0;
}

#template-banner .banner-inner {
	justify-content: center;
}

/* Text and Image Section */
#text-image {
	padding:50px 0;
}

#text-image .box60 {
    width: 60%;
    float: left;
    display: flex;
    flex-direction: column;
    padding-right: 45px;
}

#text-image .box40 {
    width: 40%;
    float: left;
    display: flex;
    flex-direction: column;
    padding-left: 45px;
}

#text-image .box40 img {
	width:100%;
	height: auto;
}

.section-heading {
	width:100%;
	text-align: center;
}

.action-grid-2 .section-heading {
	width:80%;
	margin:0 auto 40px;
	text-align: center;
	color:white;
}

.action-grid-2 .section-heading h2 {
	font-size:42px;
	margin-top:0;
	margin-bottom: 10px;
	color:white;
}

#text-image h2 {
	font-size: 42px;
	margin: 20px 0 10px;
	text-align: left;
}

#text-image h3 {
	font-size:30px;
}

/* CTA Boxes */
#cta-boxes {
	background-color: #e9ebec;
	padding:60px 0 80px;
}

#cta-boxes h2 {
	font-size:42px;
	margin:20px 0 60px;
}

#cta-boxes .box33 {
    width: 33%;
    float: left;
    display: flex;
    flex-direction: column;
    padding: 0 18px;
    text-align: center;
}

#cta-boxes .box25 {
    width: 25%;
    float: left;
    display: flex;
    flex-direction: column;
    padding: 0 18px;
    text-align: center;
}
#cta-boxes .box16 {
    width: 16%;
    float: left;
    display: flex;
    flex-direction: column;
    padding: 0 10px;
    text-align: center;
}
.box-icon {
	display:flex;
	width: 100%;
    margin: 0 auto 20px;
    align-items: center;
	justify-content: center;
	position: relative;
}

.box-icon img {
	width:100%;
}

#cta-boxes .box25 .box-icon {
	display:flex;
	justify-content: center;
}

#cta-boxes .box25 .box-text {
	min-height:160px;
}

.box-subhead {
	font-weight:800;
	font-size:18px;
	color: #243746;
	text-transform:uppercase;
}

.box-text {
	color:black;
	font-size:16px;
}

.box-btn {
    height: 48px;
    width: 300px;
    margin: 0 auto;
    border-radius: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.box-btn2 {
	height: 48px;
	width: 100%;
	margin: 0 auto;
	border-radius: 48px;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* Image and Text Section */
#image-text {
	padding:50px 0;
}

#image-text h2 {
	
}

#image-text h3 {
	
}

#image-text .box66 {
    width: 66%;
    float: left;
    display: flex;
    flex-direction: column;
    padding-left: 45px;
}

#image-text .box60 {
    width: 60%;
    float: left;
    display: flex;
    flex-direction: column;
    padding-left: 45px;
}

#image-text .box40 {
    width: 40%;
    float: left;
    display: flex;
    flex-direction: column;
    padding-right: 45px;
}

#image-text .box33 {
    width: 33%;
    float: left;
    display: flex;
    flex-direction: column;
    padding-right: 45px;
}

#image-text .box40 img, #image-text .box33 img {
	width:100%;
	height: auto;
}

#image-text h2 {
	font-size:42px;
	margin:20px 0 60px;
}

#image-text h3 {
	font-size:30px;
}

/*------------------------------------*\
PAGES: CME
\*------------------------------------*/

.cme-course-box {
	width:100%;
	display:flex;
	flex-direction: column;
	padding-left:50px;
	background-image:url('/img/cme-course-icon.svg');
	background-size: 33px;
	background-repeat: no-repeat;
	background-position: top left;
}

.cme-course-box:before {
	content: "COURSE:";
	display:block;
	font-size:18px;
	font-weight: 800;
	color: #6a9cb5;
}

.cme-course-box h3 {
	width:50%;
	line-height:1.3;
	font-size:24px;
	font-weight: 800;
	color: #6a9cb5;
	margin: 0px 0;
}

.cme-accreditation {
	width: 100%;
	background-color: #243746;
	display: flex;
	flex-direction: row;
	margin: 60px 0px;

	min-height: 230px;
}

.cme-accr-bg {
	width: 33%;
	height: auto;
	background-image: url(../img/cme-award.jpg);
	background-size: cover;
	background-position: left;
	background-repeat: no-repeat;
	display: flex;
	margin-right:20px;
}

.cme-accreditation p {
	color:white;
}

.cme-accr-info {
	width:64%;
	display:flex;
	flex-direction: column;
	justify-content: center;
}

.cme-team-box {
	width:50%;
	min-height:336px;
	display:flex;
	flex-direction:row;
	padding: 48px;
	background-color:white;
	justify-content: center;
	align-items: center;
	border-top:12px solid #e9ebec;
	border-bottom:12px solid #e9ebec;
}

.cme-team-box:nth-child(even) {
	border-left:12px solid #e9ebec;
}

.cme-team-box:nth-child(odd) {
	border-right:12px solid #e9ebec;
}

.cme-team-box:last-child {
	border-left:6px solid #e9ebec;
	border-right:6px solid #e9ebec;
	margin:0 auto;
}

.cme-team-box-inner {
	display:flex;
	flex-direction: column;
	justify-content: center;
}

.cme-team-box p {
	padding-left:24px;
	margin:0;
}

.cme-team-box p span {
	display:block;
	margin-top:10px;
}

.cme-team-box img {
	height:216px;
	width:216px;
}

.cme-callouts {
	margin:0 auto;
	float:none;
	flex-direction:row !important;
}

.cme-callout {
	color: white;
	align-items: center;
	justify-content: center;
	text-align: right;
	padding-right: 50px;
	font-size:22px;
	font-weight:700;
}

/*------------------------------------*\
PAGES: Adult Caregivers
\*------------------------------------*/

#adult-caregivers {
	background-color: white;
	padding:50px 0px;
}

.ac-step {
	width: 100%;
	margin:90px auto 0;
	background-color: #eff1f2;
	position:relative;
	padding: 0px 0px 40px;
	display: flex;
	flex-direction: column;
	font-size:16px;
}

.ac-step p {
	font-size:16px;
	line-height:1.3;
	margin-top:0;
}

.ac-step:before {
	display: flex;
	height: 74px;
	width: 74px;
	border-radius: 74px;
	position: absolute;
	top: -37px;
	left: 0;
	right: 0;
	margin: auto;
	background-color: white;
	color: white;
	font-weight: 700;
	justify-content: center;
	align-items: center;
	white-space: unset;
	text-align: center;
	line-height: 1.2;
	padding: 0 12px;
}

.ac-step strong.centerit {
	display:block;
	color:white;
	background-color: #243746;
	width:100%;
	text-align: center;
	font-size:35px;
	padding:40px 0 20px;
}

.ac-step.step-1:before {
	content: "STEP 1";
	color: #243746;
	border: 2px solid #243746;
}
.ac-step.step-2:before {
	content: "STEP 2";
	color: #ff6666;
	border: 2px solid #ff6666;
}
.ac-step.step-3:before {
	content: "STEP 3";
	color: #6a9cb5;
	border: 2px solid #6a9cb5;
}
.ac-step.step-4:before {
	content: "STEP 4";
}

.ac-step h4 {
	font-size:18px;
	font-weight:700;
	line-height: 1.4;
}

.ac-step .step-inner-column {
	text-align:center;
	padding:40px 40px 70px;
	flex-direction: column;
	position:relative;
}

.step-icon {
	width:100%;height:100px;
	display:flex;
	align-items: center;
	justify-content: center;
}

.steps-nav {
	width:80%;
	text-align:center;
	margin:0 auto;
	float:none;
	padding:0 0px;
	flex-direction:row;
	text-align: center;
}

.steps-nav .centerit {
	font-size:18px !important;
}

.steps-nav .ac-step {
	padding-bottom:0px;
	background-color:white;
	border-right:8px solid white;
	border-left:8px solid white;
}

.bottom-btn {
	position:absolute;
	bottom:0px;
	left:0;
	right:0;
	margin:auto;
}

.arrow-hr {
	width:100%;
	height:14px;
	background-color:white;
	position:relative;
	margin: 0px auto 40px;
}

.arrow-hr:before {
	content:"";
	display: flex;
	height: 29px;
	width: 46px;
	position: absolute;
	top: 0px;
	left: 0;
	right: 0;
	margin: auto;
	padding: 0 12px;
	background-image:url('/img/step-arrow-black.png');
	background-size:contain;
	background-position: center center;
	background-repeat: no-repeat;
}

.arrow-blue:before {
	background-image:url('/img/step-arrow-blue.png') !important;
}

.arrow-pink:before {
	background-image:url('/img/step-arrow-pink.png') !important;
}

.center-img {
	margin:0 auto;
}

.btn-black {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 300px;
	height: 48px;
	border-radius: 48px;
	color: white;
	background-color: #243746;
	border: 2px solid #243746;
	font-size: 17px;
	font-weight: 600;
	transition: all ease .3s;
	margin-right: 20px;
	white-space: nowrap;
	text-transform: uppercase;
	margin:0 auto;
}

.btn-black:after {
	display: block;
	content: "►";
	font-family: "Arial";
	color: white;
	margin-left: 10px;
	transition: all ease .3s;
}

.btn-black:hover {
	background-color: transparent;
	border: 2px solid #243746;
	color: #243746;
}

.btn-black:hover:after {
	color: #243746;
}

.btn-pink {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 300px;
	height: 48px;
	border-radius: 48px;
	color: white;
	background-color: #ff6666;
	border: 2px solid #ff6666;
	font-size: 17px;
	font-weight: 600;
	transition: all ease .3s;
	margin-right: 20px;
	white-space: nowrap;
	text-transform: uppercase;
	margin:0 auto;
}

.btn-pink:after {
	display: block;
	content: "►";
	font-family: "Arial";
	color: white;
	margin-left: 10px;
	transition: all ease .3s;
}

.btn-pink:hover {
	background-color: transparent;
	border: 2px solid #ff6666;
	color: #ff6666;
}

.btn-pink:hover:after {
	color: #ff6666;
}

.step-heading {
	font-size:18px;
	font-weight:700;
	text-align:center;
	width:80%;
	margin:0 auto;
}

.ac-grid-2 {
	width: 100%;
	display:flex;
	flex-wrap:wrap;
}

.ac-item-2 {
	width:50%;
	color:black;
	display:flex;
	padding:50px 60px;
}

.ac-item-inner {
	width:100%;
	position: relative;
	padding-bottom: 60px;
}

.ac-head {
	text-align:center;
	font-size:18px;
	margin-bottom:20px;
	position:relative;
	font-weight:700;
	margin-top:20px;
}

.ac-icon {
	height:106px;
	width:100%;
	margin:0 auto;
	display:flex;
	justify-content: center;
	align-items: center;
}

.ac-text {
	color: black;
	text-align: center;
	font-size: 16px;
	min-height: 70px;
	margin-bottom: 20px;
}

.ac-text p {
	color:black;
}

.ac-item-2 .ac-text {
	min-height: 115px;
}

a.ac-btn {
	display: flex;
	width:300px;
	height: 48px;
	margin: 0 auto;
	align-items: center;
	justify-content: center;
	border-radius: 48px;
	position:absolute;
	bottom:0;
	left:0;
	right:0;
}

.cs-before:before {
	display:block;
	position:absolute;
	top:-30px;
	content: "COMING SOON!";
	width:100%;
	text-align:center;
	font-weight:500;
	color:#ff6666;
	font-size:24px;
}

.ac-item-2 a.ac-btn {
	width:350px;
	background-color: #6a9cb5;
	border: 2px solid #6a9cb5;
}

.ac-item-2 a.ac-btn:hover {
	width:350px;
	background-color: transparent;
	border: 2px solid #6a9cb5;
	color: #6a9cb5;
}

.ac-item-2 a.ac-btn:hover:after {
	color: #6a9cb5;
}

/*------------------------------------*\
PAGES: Our Team
\*------------------------------------*/

.team {
	width:100%;
	display:flex;
	flex-direction:row;
	flex-wrap: wrap;
	justify-content: center;
	margin-bottom:100px;
}

.team-heading {
	width:100%;
	display:block;
	color:white;
	font-size:30px;
	font-weight:600;
	background-color:#243746;
	padding:10px;
	text-align: center;
	margin-bottom:10px;
}

.team-member {
	width:25%;
	float:left;
	border:10px solid #e9ebec;
	font-size:16px;
	background-color:white;
	padding:20px 20px 60px;
	position:relative;
}

.team-member img {
	max-width: 100%;
	width:100%;
	margin-bottom:10px;
}

.team-member-icon {
	margin-top:0px;
	position:absolute;
	bottom:10px;
	left:20px;
}

.team-member-icon img {
	width:25px;
	margin-right:20px;
}

#patient-stories {
	padding:0;
}

.patient-story {
	width:33%;
	float:left;
	border:10px solid #e9ebec;
	font-size:16px;
	background-color:white;
	padding:40px;
	position:relative;
	text-align: center;
	position:relative;
}

.patient-story img {
	max-width: 100%;
	width:100%;
	margin-bottom:20px;
}

.patient-story span {
	padding-right: 40px;
	margin-right: -40px;
	z-index: 2;
	position: relative;
	cursor:pointer;
}

.patient-story:after {
	content: "+";
	background-color: #ff6666;
	border-radius: 20px;
	width: 24px;
	height: 24px;
	display: inline-flex;
	color: white;
	align-items: center;
	justify-content: center;
	font-size: 22px;
	padding: 2px 0 0 0;
	position: relative;
	top: 3px;
	left: 6px;
	cursor: pointer;
	line-height:24px;
}

.stories {
	width: 100%;
	display: inline-block;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	margin-bottom: 0px;
}

.ps-popup-open:after {
	content: "-";
	top:1px;
	padding: 0px 0 2px 0;
}

.ps-popup-open span {
	display:inline-block;
	padding-top:4px;
}

.ps-share {
	
}

.ps-share-left {
	background-color:#243746;
	flex-direction:column;
	width:34%;
}

.ps-share-right {
	background-color:#ff6666;
	flex-direction:column;
	padding:40px;
	color:white;
	width:66%;
}

.ps-share-right p {
	color:white;
	padding-right:20%;
	padding-left:20px;
}

.ps-share-right .btn-blue {
	float:none;
	margin-top:20px;
	font-size:15px;	
}

.ps-share-right ul li {
	margin-bottom:4px;
}

.ps-border-box {
	width:100%;
	padding:20px;
	border:1px solid white;
	color:white;
	margin-top:30px;
}

.ps-blue-box {
	color: white;
	display: flex;
	padding: 20px 30px;
	align-items: center;
	justify-content: center;
	flex-grow: 1;
}

.ps-popup {
	width: calc(100% * 3 + 40px);
	background-color: white;
	display: none;
	position: absolute;
	flex-direction: column;
	top: 100%;
	left: 0;
	z-index: 1337;
}

.ps-popup-open {
	//margin-bottom: 500px;
}

.ps-popup-open .ps-popup {
	display:flex;
}

.ps-popup-open:nth-child(3n) .ps-popup {
	left:auto;
	right:0;
}

.ps-popup-open:nth-child(3n-1) .ps-popup {
	left:calc(-100% - 20px);
	
}

.ps-popup p {
	text-align: left;
	padding:0 40px;
}

.ps-popup-quote {
	width: 100%;
	background-color: #ff6666;
	padding: 30px 150px;
	position: relative;
	display: flex;
	font-size:24px;
	color:white;
	font-weight:800;
	font-style:italic;
	text-align: left;
}

.ps-popup-quote:before {
	content: "";
	width:62px;
	background-image:url('/img/ps-quote-1.svg');
	background-size:contain;
	background-repeat: no-repeat;
	background-position:center center;
	position:absolute;
	left:40px;
	top:0;
	bottom:0;
	margin:0 auto;
	display:flex;
	flex-grow:1;
}
.ps-popup-quote:after {
	content: "";
	width:62px;
	background-image:url('/img/ps-quote-2.svg');
	background-size:contain;
	background-repeat: no-repeat;
	background-position:center center;
	position:absolute;
	right:40px;
	top:0;
	bottom:0;
	margin:0 auto;
	display:flex;
	flex-grow:1;
}

.hide-name strong, .hide-name span, .hide-name:after {
	opacity:.3;
	pointer-events: none;
}

/*------------------------------------*\
PAGES: ER Toolkit
\*------------------------------------*/

.toolkit-header {
	margin-top:60px;
}

.toolkit-header .inner {
	padding-left:190px;
	position:relative;
	color:white;
	font-size:20px;
	font-weight:400;
}

.toolkit-header .inner:before {
	display:block;
	width:117px;
	height:102px;
	background-image:url(../img/ert-toolkit-icon.svg);
	background-size:contain;
	content:"";
	position:absolute;
	top:-10px;
	left:20px;
}

.ert-box-heading {
	width: 100%;
	height: 70px;
	background-color: #243746;
	padding: 10px 0px;
	font-size: 18px;
	color: white;
	font-weight: 600;
	display: flex;
	text-align: center;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}

.ert-box {
	width: 30%;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 1.5%;
	flex-grow: 3;
	padding-top:48px;
	position:relative;
}

.ert-img {
	height: 167px;
	display:flex;
	align-items: flex-end;
	justify-content: flex-end;
}

/*------------------------------------*\
PAGES: Physicians Database
\*------------------------------------*/

.greenroom_form_radio {
	margin-bottom: 0px;
	border: 0;
	outline: 0;
	-moz-appearance: radio;
	-webkit-appearance: radio;
	appearance: radio;
	padding: 5px;
	margin-left:20px;
}

.greenroom_form_checkbox {
	margin-bottom: 0px;
	border: 0;
	outline: 0;
	-moz-appearance: radio;
	-webkit-appearance: radio;
	appearance: radio;
	padding: 5px;
	margin-left:20px;
}

.greenroom_form_label {
	font-weight:400;
}

form.membership-form {
	font-size:16px;
}

form select {
	border: 0;
	padding: 8px;
	border-right: 14px solid white;
}

.memb-img img {
	width:100%;
}

/*------------------------------------*\
PAGES: Announcements
\*------------------------------------*/

.annc-news {
	background-color: #eff1f2;
	background-image:url(../img/annc-heading-pink.jpg);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:top center;
	padding-top: 124px;
	flex-direction:column;
	margin-bottom:60px;
	padding:124px 30px 70px;
	text-align:center;
	border-right:20px solid white;
	position:relative;
}

.annc-info {
	background-color: #eff1f2;
	background-image:url(../img/annc-heading-blue.jpg);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:top center;
	padding-top: 124px;
	flex-direction:column;
	margin-bottom:60px;
	padding:124px 30px 70px;
	text-align:center;
	border-left:20px solid white;
	position:relative;
}

.icon-button {
	height:200px;
	width:100%;
	display:flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.icon-button a {
	height:44px;
	width:192px;
	background-color: #243746;
	display:flex;
	align-items: center;
	justify-content: center;
	color:white;
	font-weight:600;
	border-radius:10px;
	font-size:15px;
	border:2px solid #243746;
}

.icon-button a:hover {
	background-color:white;
	color: #243746;
}

.annc-foot-pink {
	width:100%;
	height:45px;
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	text-align:right;
	padding:10px 20px;
	background-image:url(../img/annc-foot-pink.jpg);
	background-size:cover;
}

.annc-foot-blue {
	width:100%;
	height:45px;
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	text-align:right;
	padding:10px 20px;
	background-image:url(../img/annc-foot-blue.jpg);
	background-size:cover;
}

.annc-foot-pink a, .annc-foot-blue a {
	color: white;
	font-weight: 600;
	padding: 4px 20px;
	border: 1px solid white;
	border-radius: 7px;
	font-size: 15px;
	margin-left: 10px;
}

.annc-foot-pink a:hover {
	color: white;
	background-color:#ff6666;
	border: 1px solid white;
}
.annc-foot-blue a:hover {
	color: white;
	background-color:#6a9cb5;
	border: 1px solid white;
}

.annc-foot-pink img, .annc-foot-blue img {
	margin-bottom:2px;
}

/*------------------------------------*\
PAGES: Memberships
\*------------------------------------*/

.in-action {
	display:flex;
	flex-direction: column;
	text-align:left;
	margin-top:20px;
}

.in-action img, .in-action strong {
	margin-bottom:10px;
}

.in-action a {
	color:black;
	text-decoration: underline;
}

.perks-icons {
	width:180px;
	background-color:#ffa3a3;
	height:100%;
	text-align:center;
	display:flex;
	flex-direction:column;
	padding:20px;
}

.perks-text {
	display:flex;
	width:auto;
	flex-grow:1;
	padding:20px;
	flex-direction: column;
}

.perks-text-heading {
	flex-grow:1;justify-content:center;display:flex;flex-direction: column;
}

/*------------------------------------*\
    PAGES: NEWLY DIAGNOSED
\*------------------------------------*/

.tony-message {
	background-color: #699cb5;
	color:white;
	text-align:center;
	border-bottom:1px solid white;
	border-top:1px solid white;
}

.tony-message-copy p {
	margin: 0 0 20px;
}

.tony-message h3 {
	color:white;
	font-size: 30px;
	font-weight: 800;
	line-height:1.2;
	margin:40px 0;
}

.tony-message p {
	margin: 30px 0;
	color:white;
}

#ways-to-engage {
	margin: 90px 0;
}

#ways-to-engage .section-heading {
	width:80%;
	margin:0 auto 40px;
	text-align: center;
	color:#333333;
}

#ways-to-engage .section-heading h2 {
	font-size:42px;
	margin-top:0;
	margin-bottom: 10px;
	color:#699cb5;
}

#ways-to-engage .box100 {
	padding:54px 0;
	border-bottom: 1px solid #999999;
	align-items: center;
}

#ways-to-engage .box33 {
	width:auto;
	position:relative;
	margin-right:40px;
}

#ways-to-engage .box66 {
	flex-direction: column;
	position:relative;
}

.image-heading {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    font-size: 34px;
    line-height:1.2;
    font-weight: 600;
    color: white;
    padding: 30px;
    text-transform: uppercase;
    text-shadow: 1px 4px 5px rgba(36, 55, 70, 0.45);
}

.coming-soon-mark {
	position:absolute;
	top:-30px;
	left:0;
	right:0;
	bottom:0;
	color:#ffb737;
	font-weight:500;
}

/*------------------------------------*\
    PAGES: HOME
\*------------------------------------*/

/* Main Banner */
#home-banner {
	display:flex;
	width:100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;
	position:relative;
	flex-direction: column;
}

.banner {
	
}

.banner-inner {
    height: auto;
    display: flex;
    flex-grow: 3;
    padding: 202px 20px 36px;
    flex-direction: column;
    position: absolute;
    top: 0px;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
}

.center-banner-text {
	padding: 145px 20px 36px !important;
}

.banner-img {
    position: relative;
    width: 100%;
    height: auto;
    top: 0px;
	display:flex;
}

.banner-img img {
	object-fit: cover;
	width: auto;
	min-width: 100%;
}

.banner-buttons {
	width:305px;
	flex-grow:1;
}

.banner-buttons a.btn2 {
	height: 52px;
    border-radius: 52px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 30px;
    margin-bottom: 26px;
    white-space: nowrap;
}

.banner-heading {
	flex-grow:1;
	font-size: 62px;
    color: white;
    line-height:1.2;
    font-weight: 800;
    letter-spacing: 2px;
    text-shadow: 1px 4px 5px rgba(36, 55, 70, 0.45);
    text-transform: uppercase;
}

/* Intro */
#intro {
	width:100%;
	padding:40px 0;
	background-image:url('../img/intro-bg.jpg');
	background-size:cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.intro-text {
	width:100%;
	font-size:18px;
	font-weight:500;
	line-height:1.4;
}

/* Connecting */
#connecting {
	padding:46px 0 0;
}

#connecting .carousel {
	
}

#connecting .carousel-inner .item .carousel-caption {
	width: 60%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    color: white;
    font-weight: 800;
    font-size: 38px;
    text-transform: uppercase;
    text-shadow: 1px 4px 5px rgba(36, 55, 70, 0.45);
}

#connecting .carousel-inner a.left {
	
}

#connecting .carousel-inner a.right {
	
}

.glyphicon-chevron-right:before {
    content: "";
    display:block;
    height:30px;
    width:16px;
    background-image:url('../img/forward-arrow.png');
    background-size:contain;
    background-repeat: no-repeat;
    background-position: center center;
}

.glyphicon-chevron-left:before {
    content: "";
    display:block;
    height:30px;
    width:16px;
    background-image:url('../img/back-arrow.png');
    background-size:contain;
    background-repeat: no-repeat;
    background-position: center center;
}

.carousel-control {
	width:6% !important;
	background-image: none !important;
	opacity:1 !important;
}

.mission-cta {
    display: block;
    width: 100%;
    overflow: hidden;
    position: relative;
    margin:60px 0;
}

.mission-cta .box33 {
	flex-direction: column;
    padding: 20px 55px;
}

.cta-icon {
    width: 100%;
    height: 84px;
    display: flex;
    margin-bottom: 25px;
    align-items: center;
}

.cta-heading {
	font-size:45px;
	font-weight:800;
	line-height:1.1;
	color: #f36e63;
	margin-bottom:22px;
}

.cta-text {
	
}

.cta-text p {
	font-size:18px;
	color:black;
	margin:0;
}

/* Take Action Grid */
#take-action {
	width:100%;
	position:relative;
	background-color: #243746;
	padding: 80px 10px;
}

#take-action p {
	color:white;
}

.action-grid {
	width: 100%;
	display:flex;
	flex-wrap:wrap;
}

.action-item {
	width:33%;
	color:white;
	display:flex;
	padding:50px;
}

.action-grid-2 {
	width: 100%;
	display:flex;
	flex-wrap:wrap;
}

.action-item-2 {
	width:50%;
	color:white;
	display:flex;
	padding:50px 60px;
}

.action-item-inner {
	width:100%;
}

.action-head {
	text-align:center;
	font-size:22px;
	margin-bottom:20px;
	position:relative;
}

.action-icon {
	height:106px;
	width:100%;
	margin:0 auto;
	display:flex;
	justify-content: center;
	align-items: center;
}

.action-text {
    color: white;
    text-align: center;
    font-size: 16px;
    min-height: 70px;
    margin-bottom: 20px;
}

.action-text p {
	color:white;
}

.action-item-2 .action-text {
    min-height: 115px;
}

a.action-btn {
	display: flex;
	width:300px;
    height: 48px;
    margin: 0 auto;
    align-items: center;
    justify-content: center;
    border-radius: 48px;
}

.action-item-2 a.action-btn {
	width:350px;
}

a.action-btn:after {
	
}

.action-item.middle-item {
	background-color: #f36e63;
	justify-content: center;
    align-items: center;
}

.action-item.middle-item h2 {
	text-align: center;
	color:white;
	font-size:45px;
	line-height:1.2;
}

/* In Our Own Words */
#in-our-own-words {
	background-image:url('../img/speech-bubble-bg.svg');
	background-size:cover;
	background-repeat: no-repeat;
	background-position:center center;
	padding:90px 0;
}

.words-inner {
	background-color: #6a9cb5;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px;
    position:relative;
    max-width:1200px;
    margin:0 auto;
}

.words-inner-border {
	position:absolute;
	top:20px;
	left:20px;
	right:20px;
	bottom:20px;
	border:1px solid white;
}

.words-heading {
	
}

.words-heading h2 {
    margin: 0 0 50px;
    font-size: 45px;
    line-height: 1;
    font-weight: 800;
    color: white;
}

.words-links {
    width: 90%;
    margin: 0 auto;
    display: flex;
    z-index:2;
}

.words-item {
	width: 33%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-image: url('../img/speech-bubble.png');
    background-repeat: no-repeat;
    background-size: 209px;
    background-position: center top;
    padding: 27px 0px 20px 0px;
}

.words-img {
	width:156px;
	height:156px;
	border-radius: 156px;
	margin-bottom:40px;
}

.words-img img {
	
}

.words-heading {

}

.words-heading a {
	font-size:20px;
	font-weight:700;
	color:white;
}

.words-heading a:after {
	display: inline;
    content: "►";
    font-family: "Arial";
    color: #ffb737;
    margin-left: 6px;
}

.words-heading a:hover {
	color:#243746;
}

.words-heading a:hover:after {
	color:#243746;
}

.words-text {
	font-size:17px;
	color:white;
	
}

/*------------------------------------*\
    PAGES: RESEARCH
\*------------------------------------*/

#latest-news {
	margin: 20px 0 60px;
}

#latest-news .inner {
	max-width:1200px;
}

.feed-inner {
	display:flex;
	flex-wrap: wrap;
}

.single-news {
	width: 48%;
    margin: 1%;
    padding: 20px;
    border: 1px solid #dddddd;
    border-radius: 20px;
}

.rss-author {
	
}

a.rss-title {
	display: block;
    color: black;
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 10px;
}

.rss-body {
	font-size: 16px;
    margin-bottom: 10px;
    color: #777;
}

.rss-date {
	font-size:14px;
	color: #699cb5;
	text-transform: uppercase;
}

/*------------------------------------*\
    PAGES: Clinical Trials
\*------------------------------------*/

#what-is {
	margin:50px 0;
}

#what-is .inner {
	display:flex;
	flex-wrap: wrap;
}

.ct-icon {
	width:115px;
	margin-right: 40px;
	text-align: center;
}

.ct-text {
	width:900px;
	flex-grow: 1;
    padding-right: 40px;
}

#active-trials {
	padding:40px 0 80px;
    background-size: cover;
    background-position: center center;
}

#active-trials .inner {
	display:flex;
	flex-wrap: wrap;
}

.single-trial {
	width: 80%;
	min-height:205px;
    background-color: rgba(36,55,70,.15);
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
}

.trial-heading {
	height:43px;
	font-size:25px;
	font-weight:700;
	line-height:43px;
	text-align: center;
	color:white;
	background-color:#475664;
}

.trial-body {
	padding: 36px 80px;
	display: flex;
    justify-content: center;
    align-items: center;
}

.tri1 {
	height: 125px;
	width:220px;
	display: flex;
    margin-right: 20px;
    padding: 0px 40px 0 0px;
    border-right: 1px solid white;
    justify-content: flex-end;
    align-items: center;
    flex-grow: 1;
    white-space: nowrap;
    font-weight:500;
}

.tri2 {
	height: 125px;
	width:200px;
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-grow: 1;
    white-space: nowrap;
    font-weight:500;
}

.tri3 {
	height: 125px;
	width:260px;
	display: flex;
    margin-left: 20px;
    padding: 0px 0px 0 40px;
    border-left: 1px solid white;
    justify-content: left;
    align-items: center;
    flex-grow: 1;
    white-space: nowrap;
    font-weight:500;
}

.tri2 img {
	margin-top:10px;
}

ul.bullet-list {
	margin:10px 0;
	padding:0px 0 0 30px;	
}

ul.bullet-list li {
	list-style: none;
	margin-bottom: 10px;
}

ul.bullet-list li:before {
    width: 24px;
    height: 24px;
    display: inline-block;
    content: "";
    background-size: contain;
    background-image: url('../img/bullet.png');
    background-repeat: no-repeat;
    background-position: center bottom;
    margin-bottom: -5px;
    margin-right: 6px;
    margin-left:-30px;
}

/*------------------------------------*\
    PAGES: SCIENTIFIC REGISTRY
\*------------------------------------*/

#sidebar-section {
	margin:50px 0 60px;
}

#sidebar-section .inner {
	display:flex;
}

#sidebar-section .section-heading {
	text-align:left;
}

.leftSide {
	width:66%;
	flex-grow:1;
	text-align:left;
	padding-right: 60px;
}

.rightSide {
	width:366px;
	padding:24px;
	display:flex;
	flex-direction: column;
	background-color: #eaeaea;
	border-top: 15px solid #699cb5;
	border-bottom: 15px solid #699cb5;
}

.leftSide h3 {
	margin:0;
}

.rightSide .box100, .leftSide .box100, .leftSide .box66 {
	flex-direction: column;
}

.reglogoopp {
	flex-grow: 1;
	margin-right: 5%;
}

.reglogo {
	width:25%;
	text-align: center;
	border-left:1px solid #999999;
	padding-left:40px;
}

.video {
	width:100%;
	text-align: center;
}

.video p {
	font-size:16px;
	font-weight:600;
	color:#333333;
}

.video a {
	font-size:16px;
	font-weight:600;
	text-decoration: underline;
	color:#333333;
}

.video .modal-dialog, .imgcat-single .modal-dialog {
    position: absolute;
    top: 0;
    width: auto;
    margin: 10px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.video .modal-body .message-close, .imgcat-single .modal-body .message-close {
    top: -13px;
    right: -13px;
}

.video .modal-body {
	width:50vw;
}

.video .modal {
	z-index:1338;
}

.quote {
	text-align:center;
	padding:80px 0 30px;
	border-top:1px solid #8e8e8e;
	background-image:url('../img/quotes.svg');
	background-repeat: no-repeat;
	background-size:38px 29px;
	background-position:center 36px;
}

.quote-text {
	font-size:17px;
	font-weight:800;
	color: #7b7b7b;
}

.quote-name {
	margin-top:10px;
	font-size:15px;
	font-weight:600;
	color:#7b7b7b;
}

#sidebar-section a.action-btn {
	margin: 20px 0;
}

ul.blue-nums {
	padding:0;
	margin:20px 0 0;
	list-style: none;
}

ul.blue-nums li {
	display:flex;
	margin-bottom:10px;
}

.blue-num-icon {
	width:26px;
	height:26px;
	background-color: #699cb5;
	border-radius:26px;
	display:flex;
	justify-content: center;
	align-items: center;
	font-size:17px;
	color:white;
	font-weight:600;
    margin-right: 10px;
    flex-shrink: 0;
}

ul.bullet-list.blue-bullet li:before {
    width: 24px;
    height: 24px;
    display: inline-block;
    content: "";
    background-size: contain;
    background-image: url('../img/bullet-blue.png');
    background-repeat: no-repeat;
    background-position: center bottom;
    margin-bottom: -5px;
    margin-right: 6px;
}

.app-section {
	margin-bottom:0 !important;
	padding:50px 0;
	background-color: #eaeaea;
}

.app-section .rightSide {
	border-top:0px solid transparent;
	border-bottom:0px solid transparent;
}

.app-section a.action-btn {
    margin: 40px auto 20px !important;
}

.app-section .leftSide {
	padding-left:80px;
}


.member-section {
	margin:0 !important;
	padding:50px 0;
	background-color: #243746;
	color:white;
}

.member-section .rightSide {
	background-color:transparent;
	border-top:0px solid transparent;
	border-bottom:0px solid transparent;
}

.member-section a.action-btn {
    margin: 40px auto 20px !important;
}

.member-section .leftSide {
	padding-left:80px;
}

.member-section .leftSide p {
	color:white;
}

.member-section .leftSide h2 {
	color:white;
}

#faq-section {
	margin:50px 0;
}

#faq-section .panel-heading .accordion-toggle:after {
    content: "-";
	float: right;
    color: black;
    font-size: 32px;
    line-height: .5;
    font-weight: 400;
}
#faq-section .panel-heading .accordion-toggle.collapsed:after {
    content: "+";   
}

.faq-wrapper .panel {
	background-color: white;
    border: 1px solid #dcdcdc;
    border-radius: 3px;
	margin-bottom: 30px;
    -webkit-box-shadow: 0px 0px 10px -3px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 10px -3px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 10px -3px rgba(0,0,0,0.2);
}

.faq-wrapper .panel-default > .panel-heading {
    color: #333333;
    padding: 20px;
    background-color: transparent;
    border-color: transparent;
}

.faq-wrapper .panel-title a {
    color: #333333;
    font-size:18px;
    font-weight:800;
    background-color: transparent;
    border-color: transparent;
}

.faq-wrapper .panel-body {
	border-top:0px !important;
	padding: 0 20px 20px 60px;
}

/*------------------------------------*\
    PAGES: EVENTS
\*------------------------------------*/

#events-map {
	background-color: #dae6ec;
	padding:40px 0;
	overflow: visible;
}

#map {
	width: 1100px;
    height: 720px;
}

.map-layout {
	position: relative;
}

.map-heading {
	font-size:25px;
	font-weight:600;
	text-align: center;
}

#map svg path {
	stroke-width: 2px;
	stroke: #dae6ec;
}

.map-filter-buttons {
	position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.map-filter-button {
    width: 220px;
    height: 62px;
    background-color: #699cb5;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    font-weight: 600;
    text-align: center;
    margin-bottom: 4px;
    cursor:pointer;
	appearance: none;
	outline: 0;
	border: 0;
	border-radius: 0;
}

.map-filters {
	display: flex;
	line-height: 34px;
	font-weight:600;
}

.filter-button-active {
	background-color: #f36e63;
}

.map-filters .btn-group {
	margin:0 10px;
	flex-grow: 1;
}

.map-filters .dropdown-menu {
    width: 100%;
    border-radius:0;
}

.map-filters .btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
    border:0px;
    text-align: left;
    font-size:16px;
    border-radius:0;
}

.map-filters .btn .caret {
	float: right;
    margin-top: 10px;
}

#events-cta {
	width:100%;
	position:relative;
	background-color: #243746;
	padding: 40px 10px;
}

.event-message {
	padding:0px 0 20px;
	min-height:370px;
	display:flex;
	align-items: center;
	justify-content: center;
}

#events-display {
	padding-bottom:60px;
	margin:60px 0 20px;
}

.eventGrid {
	flex-wrap:wrap;
}

.event-single {
	width: 31.33%;
    flex-direction: column;
    -webkit-box-shadow: 0px 0px 72px -36px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 72px -36px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 72px -36px rgba(0,0,0,0.75);
    padding: 20px;
    margin: 1%;
    flex-shrink: 1;
}

.event-image {
	width:100%;
	height:auto;
	background-color:grey;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
	margin-bottom:20px;
	overflow:hidden;
}

.event-image img {
	width:100%;
}

.event-title {
	font-size:20px;
	font-weight:600;
	margin-bottom:20px;
}

.event-meta {
	padding-left:40px;
	margin-bottom:20px;
	
	position: relative;
}

.event-time:before {
	display: block;
	content: "";
	width:24px;
	height:24px;
	margin-left:-16px;
	background-image:url('../img/clock-icon.jpg');
	background-size:contain;
	background-repeat: no-repeat;
	position: absolute;
    left: 20px;
    top: 44px;
}

.event-date {
	margin-bottom:20px;
}

.event-date:before {
	display: block;
	content: "";
	width:28px;
	height:28px;
	margin-left:-16px;
	background-image:url('../img/calendar-icon.jpg');
	background-size:contain;
	background-repeat: no-repeat;
	position: absolute;
    left: 20px;
    top: -4px;
}

.event-time {
	margin-bottom:20px;
}

.event-type {
}

.event-type:before {
	display: block;
	content: "";
	width:22px;
	height:27px;
	margin-left:-16px;
	background-image:url('../img/pin-icon.jpg');
	background-size:contain;
	background-repeat: no-repeat;
	position: absolute;
    left: 20px;
    top: 86px;
}

/*------------------------------------*\
    PAGES: CAFE PORTAL
\*------------------------------------*/

#cafe-heading {
	margin-top: 176px;
	margin-bottom:54px;
}

main.faded {
	background-size:cover;
	background-position: center center;
	background-repeat: no-repeat;
}

#cafe-menu {
	margin-bottom:90px;
}

#cafe-menu .inner {
	display:flex;
}

.cafe-topnav {
	width: 440px;
    display: flex;
    flex-direction: column;
    background-color: white;
    padding: 40px;
}

.cafe-login {
	width: 100%;
    margin-bottom: 40px;
}

a.cafe-logout {
	font-size:16px;
	display:block;
	float:right;
	text-transform: uppercase;
	color:black;
	border:1px solid black;
	border-radius: 4px;
	padding: 4px 10px;
}

.cafe-search {
	
}

.cafe-search-bar {
	width: 100%;
    margin-top: 20px;
    border: 1px solid black;
    border-radius: 4px;
    padding: 4px 10px;
}

.cafe-links {
	
}

.cafe-link {
	width: 100%;
    display: flex;
    text-align: center;
    justify-content: center;
    background-color: #243746;
    padding: 20px;
    margin-bottom: 10px;
    font-size:20px;
    color:white;
	font-weight: 500;
}

.cafe-link:hover {
	color: white;
	background-color: #f36e63;
}

.featured-webinars {
	width:50%;
	flex-grow: 1;
	border:1px solid white;
	background-size:cover;
	position: relative;
}

.webinar-title {
	width: 100%;
    display: flex;
    background-color: rgba(0,0,0,.5);
    text-align: center;
    color: white;
    padding: 8px;
    position: absolute;
    bottom: 0;
    justify-content: center;
}

#cafe-cta-boxes {
	padding:60px 0 80px;
}

#cafe-cta-boxes h2 {
	font-size:42px;
	margin:20px 0 40px;
	color:white;
}

#cafe-cta-boxes .box33 {
	width: 33%;
    float: left;
    display: flex;
    flex-direction: column;
    padding: 30px;
    text-align: center;
    background-color: white;
    margin: 20px;
}

#cafe-cta-boxes .box16 {
	width: 15%;
    float: left;
    display: flex;
    flex-direction: column;
    padding: 15px;
    text-align: center;
    background-color: white;
    margin: 10px;
}

#cafe-cta-boxes .box-icon {
	width: 100%;
    background-color: black;
    height: auto;
    margin: 0 auto 0;
    position: relative;
	overflow:hidden;
}

#cafe-cta-boxes .box-icon img {
	width:100%;
}

#cafe-cta-boxes .box-text p {
	font-size:20px;
}

#cafe-cta-boxes a.box-btn {
	font-size: 16px;
    font-weight: 400;
    display: block;
    float: right;
    text-transform: uppercase;
    color: black;
    border: 1px solid black;
    border-radius: 4px;
    padding: 4px 34px;
    height: auto;
    width:auto;
    background-color: white;
}

#cafe-cta-boxes a.box-btn:after {
    display: none;
}

.box-title {
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    font-weight: 600;
    text-shadow: 1px 4px 5px rgba(0, 0, 0, 0.45);
}

.box-title a {
	width:100%;
}

.cafe .event-heading {
	width:100%;
	padding:20px;
	border:2px solid white;
	width: calc(100% - 40px);
    margin: 0 auto 40px;
    border: 2px solid white;
}

.cafe .event-message {
	width:90%;
	margin:0 auto;
	padding:0px;
	text-align: left;
}

.cafe .event-message p {
	color:white;
}

.cafe #events-display h2 {
    font-size: 42px;
    margin: 20px 0 40px;
    color: white;
}

.cafe .event-single {
	background-color:white;
    padding: 30px;
    margin: 20px;
}

.archive-link {
	display: block;
    float: right;
    margin: 20px;
	font-size:20px;
	color:white;
	text-transform: uppercase;
	font-weight:600;
}

.archive-link a {
	color:white;
	border-bottom:1px solid white;
	font-size:20px;
}

.archive-link:after {
	content:" >";
	display:inline-block;
	color:white;
	margin-left:10px;
}

#events-hub-link {
	margin-bottom:120px;
}

#events-hub-link .box66 {
	margin: 0 auto;
    float: none;
    border: 2px solid white;
    justify-content: center;
    align-items: center;
    color: white;
}

#events-hub-link .box50 {
	position:relative;
	align-items: center;
}

#events-hub-link .box50 img {
	width:100%;
}

.events-hub-heading {
	position: absolute;
	left:0;
	right:0;
    width: 100%;
    background-color: rgba(36,55,70,.7);
    padding:10px 0;
    text-align: center;
    font-size:30px;
}

.hub-text {
	font-size:25px;
	font-weight:800;
	padding: 40px;
}

/*------------------------------------*\
    YOUTH ACTIVITIES
\*------------------------------------*/

.youth-buttons {
    flex-direction: row;
    align-items: center;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
}

.youth-buttons .box50 {
	justify-content: center;
}

.youth-header-btn1 {
	background-color: rgba(255,133,3,.5);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 400px;
    height: 55px;
    border-radius: 48px;
    color: white;
    border: 2px solid white;
    font-size: 22px;
    font-weight: 800;
    transition: all ease .3s;
    margin-bottom: 40px;
}

.youth-header-btn2 {
    background-color: rgba(255,72,74,.5);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 350px;
    height: 55px;
    border-radius: 48px;
    color: white;
    border: 2px solid white;
    font-size: 22px;
    font-weight: 800;
    transition: all ease .3s;
    margin-bottom: 40px;
}

.youth-header-btn3 {
    background-color: rgba(255,72,74,.0);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 350px;
    height: 55px;
    border-radius: 48px;
    color: white;
    border: 2px solid white;
    font-size: 22px;
    font-weight: 800;
    transition: all ease .3s;
    clear: both;
    position: absolute;
    top: 100px;
	left:0;
	right:0;
	margin:0 auto 40px;
}

.youth-header-btn1:hover, .youth-header-btn2:hover, .youth-header-btn3:hover {
	background-color:white;
}

.youth-header-btn1:after, .youth-header-btn2:after, .youth-header-btn3:after {
	display:block;
	content: "►";
	font-family:"Arial";
	color:white;
	margin-left:10px;
	transition: all ease .3s;
}

.youth-header-btn1:hover:after, .youth-header-btn2:hover:after, .youth-header-btn3:hover:after {
	color: #243746;
}

.mid-banner {
	position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    background-color:#f36e63;
    width:100%;
    min-height:154px;
}

.mid-banner .banner-heading {
	display: flex;
	flex-direction: column;
    position: absolute;
    left: 0;
    right: 0;
	top: 0;
	bottom:0;
    justify-content: center;
    align-items: center;
}

.mid-banner img {
	width: 100%;
}

.youth #ways-to-engage {
	margin: 0px 0 0px;
}

.youth #ways-to-engage .section-heading {
	width:60%;
	margin:0 auto 40px;
	text-align: center;
	color:#333333;
}

.youth #ways-to-engage .section-heading h2 {
	font-size:42px;
	margin-top:0;
	margin-bottom: 10px;
	color:#699cb5;
}

.youth #ways-to-engage .box100 {
	padding:54px 0;
	border-bottom: 1px solid #999999;
	align-items: flex-start;
}

.youth #ways-to-engage .box33 {
	width:auto;
	position:relative;
	margin-right:40px;
}

.youth #ways-to-engage .box66 {
	flex-direction: column;
	position:relative;
}

.youth #ways-to-engage h4 {
	margin:0;
}

.youth #ways-to-engage ul li {
	margin-bottom:10px;
}

.column {
	flex-direction: column;
}

#youth-carousel {
	background-color:#edeff0;
	padding:60px 0 40px;
}

#youth-carousel .carousel {
	
}

#youth-carousel .carousel-inner .item .carousel-caption {
	width: 60%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    color: white;
    font-weight: 800;
    font-size: 38px;
    text-transform: uppercase;
    text-shadow: 1px 4px 5px rgba(36, 55, 70, 0.45);
}

#youth-carousel .carousel-inner {
	width:85%;
	margin:0 auto;
}

#youth-carousel .glyphicon-chevron-right:before {
    content: "";
    display:block;
    height:41px;
    width:41px;
    background-image:url('../img/grey-arrow-right.png');
    background-size:contain;
    background-repeat: no-repeat;
    background-position: center center;
}

#youth-carousel .glyphicon-chevron-left:before {
    content: "";
    display:block;
    height:41px;
    width:41px;
    background-image:url('../img/grey-arrow-left.png');
    background-size:contain;
    background-repeat: no-repeat;
    background-position: center center;
}

#youth-carousel .carousel-control {
	width:6% !important;
	background-image: none !important;
	opacity:1 !important;
}

#youth-carousel p {
	font-size:30px;
	font-weight:400;
	color: #65737d;
	text-align:center;
	text-transform: uppercase;
	margin:40px 0 0;
}

#youth-resources {
    width: 100%;
    position: relative;
    background-color: #243746;
    padding: 40px 10px;
}

p.youth-resources-heading {
	display:block;
	width:80%;
	margin:20px auto;
	color:white;
	font-size:2.30px;
	font-weight:bold;
	text-align:center;
}

.youth #parents-caregivers {
	margin: 0px 0 0px;
}

.youth #parents-caregivers  .section-heading {
	width:60%;
	margin:0 auto 40px;
	text-align: center;
	color:#333333;
}

.youth #parents-caregivers  .section-heading h2 {
	font-size:42px;
	margin-top:0;
	margin-bottom: 10px;
	color:#699cb5;
}

.youth #parents-caregivers  .box100 {
	padding:54px 0;
	border-bottom: 1px solid #999999;
	align-items: center;
}

.youth #parents-caregivers  .box33 {
	width:auto;
	position:relative;
	margin-right:40px;
}

.youth #parents-caregivers  .box66 {
	flex-direction: column;
	position:relative;
}

#parents-caregivers .box-icon {
    width: 404px;
    height:269px;
    background-color: transparent;
    height: auto;
    margin: 0 auto 0;
    position: relative;
}

#parents-caregivers .box-title .span-out1, #parents-caregivers .box-title .span-out2 {
    font-size: 22px;
    font-weight: 600;
    color: white;
    background-color: rgba(255,102,102,.6);
    width: 100%;
    text-align: center;
    padding: 6px 30px;
    position: relative;
    height: 72px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.span-out-blue {
	font-size: 22px;
	font-weight: 600;
	color: white;
	background-color: rgba(106,156,181,.6);
	width: 100%;
	text-align: center;
	padding: 6px 30px;
	position: relative;
	height: 72px;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}

.span-out-blue2 {
	font-size: 16px;
	font-weight: 600;
	color: white;
	background-color: rgba(106,156,181,.6);
	width: 100%;
	text-align: center;
	padding: 6px 30px;
	position: relative;
	height: 72px;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}

.span-out-pink {
	font-size: 16px;
	font-weight: 600;
	color: white;
	background-color: rgba(255,102,102,.7);
	width: 100%;
	text-align: center;
	padding: 4px 30px;
	position: relative;
	height: 64px;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	text-transform: uppercase;
}

#parents-caregivers .box-title .span-out1 span, #parents-caregivers .box-title .span-out2 span {
	display: flex;
    position: relative;
    height: 72px;
    justify-content: center;
    align-items: center;
}

#parents-caregivers .box-title .span-out1 span:after {
    display: flex;
    width:20px;
    height:27px;
    background-image:url('../img/chevron.png');
    background-size:contain;
    background-repeat: no-repeat;
    content: "";
    margin-left: 10px;
    transition: all ease .3s;
    position: absolute;
    top: 5px;
    bottom: 0;
    right: 30px;
    margin: auto;
}

#parents-caregivers .box-title .span-out2 span:after {
    display: flex;
    width:20px;
    height:27px;
    background-image:url('../img/chevron.png');
    background-size:contain;
    background-repeat: no-repeat;
    content: "";
    margin-left: 10px;
    transition: all ease .3s;
    position: absolute;
    top: 5px;
    bottom: 0;
    right: -34px;
    margin: auto;
}

.span-out-blue span:after {
	display: flex;
	width:20px;
	height:27px;
	background-image:url('../img/chevron.png');
	background-size:contain;
	background-repeat: no-repeat;
	content: "";
	margin-left: 10px;
	transition: all ease .3s;
	position: absolute;
	top: 5px;
	bottom: 0;
	right: 14px;
	margin: auto;
}

.span-out-pink span:after {
	display: flex;
	width:10px;
	height:16px;
	background-image:url('../img/chevron.png');
	background-size:contain;
	background-repeat: no-repeat;
	content: "";
	margin-left: 10px;
	transition: all ease .3s;
	position: absolute;
	top: 5px;
	bottom: 0;
	right: 14px;
	margin: auto;
}

#parents-caregivers .box-title .span-out1:hover, #parents-caregivers .box-title .span-out2:hover {
    background-color: rgba(36,55,70,.8);
}

#social-pages .banner-heading img {
	width: auto;
	margin:40px auto 20px;
	text-align: center;
}

.social-icons {
	display:flex;
}

a.social-icon {
	display:flex;
	margin:0 16px;
}

#log-brady:before {
	width:81px;
	height:81px;
	display:block;
	content:"";
	background-image:url('../img/brady-icon.png');
	background-size:contain;
	background-repeat: no-repeat;
	margin-right:20px;
}

#log-brady:after {
	width:31px;
	height:31px;
	display:block;
	content:"";
	background-image:url('../img/login-icon.png');
	background-size:contain;
	background-repeat: no-repeat;
	margin-left:20px;
}

#log-brady:hover:after {
	width:31px;
	height:31px;
	display:block;
	content:"";
	background-image:url('../img/login-icon-blue.png');
	background-size:contain;
	background-repeat: no-repeat;
	margin-left:20px;
}

a.back-to-top {
	display:block;
	width:83px;
	height:66px;
	margin:0 auto;
	cursor:pointer;
}

a.offset-back {
	margin-top: -22px;
    position: absolute;
    left: 0;
    right: 0;
}

.participate-box {
	background-color: #e9ebec;
    padding: 0px;
}

.participate-box span {
	display: block;
    background-color: #243746;
    color: white;
    font-weight: 500;
    padding: 10px 20px;
}

.participate-box ul {
    padding: 20px 40px 0;
}

.participate-box strong {
    padding: 0 20px 20px;
    display: block;
}

.podcast-link {
	display: flex;
    align-items: center;
    color: #333333;
}

.podcast-link span {
	font-weight:bold;
	text-decoration: underline;
}

.podcast-link img {
	margin-right:10px;
}

/*------------------------------------*\
	PAGE: FIND A PHYSICIAN
\*------------------------------------*/

.greenroom_form_class {
	width:96%;
	padding:40px;
	background-color: #eff1f2;
	margin: 0;
	display: flex;
	flex-direction: column;
}

.greenroom_form_input {
	margin-bottom:20px;
	border:0;
	outline:0;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	padding:5px;
}

.greenroom_form_textarea {
	border:0;
	outline:0;
}

.blue-column {
	background-color:#243746;
	flex-direction: column;
	padding: 90px 60px;
	justify-content: center;
	align-items: center;
}

.blue-column p {
	color:white;
	text-align: center;
	margin: 30px 0px;
}

.small-btn {
	white-space: normal;
	text-align: center;
	border-radius: 10px;
	padding:10px;
	margin: 0px 20px;
}

.small-btn:after {
	content: "";
}

.btn-blue {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	border-radius:10px;
	background-color:#243746;
	border:2px solid #243746 !important;
	font-weight: 600;
	color:white;
	width:132px;
	float:right;
	padding:10px !important;
	margin-top:20px;
	place-self: flex-end;
	margin-bottom:0px !important;
}

.btn-blue:hover {
	border:2px solid #243746;
	background-color:white;
	color:#243746;
}

/*------------------------------------*\
	PAGE: ADVOCACY
\*------------------------------------*/

#advocacy-priorities {
	width: 100%;
	position: relative;
	background-color: #6a9cb5;
	padding: 40px 10px;
}

#advocacy-priorities h2 {
	width: 100%;
	text-align: center;
	color: white;
}

#advocacy-priorities p {
	color:white;
	text-align: center;
}

#advocacy-priorities .action-item {
	width: 33%;
	color: white;
	display: flex;
	padding: 20px 50px;
	margin-top: 30px;
}

#our-activities {
	margin:40px 0;
}

#our-activities .box100 {
	margin:20px 0;
}

.grey-box {
	padding:40px;
	background-color: #e9ebec;
	margin:40px 0px;
}

.grey-box h4 {
	font-weight:700;
	margin-bottom:20px;
}

.pink-heading {
	width:100%;
	color: #ff6666;
	font-weight:600;
	margin-bottom: -15px;
	text-transform:uppercase;
}

.flex-drop {
	flex-direction: column;
}

section.pink {
	padding:60px 0px;
	background-color: #ff6666;
}

.pink .btn-blue {
	place-self: flex-start;
	align-items: center;
	align-content: center;
	text-align: center;
}

.pink .box66 input[type="text"] {
	width:100%;
	border:0;
	outline:0;
	background-color: #edeeef;
	padding:4px 6px;
	margin-bottom:10px;
}

.pink .box66 input[type="checkbox"] {
	display:inline-block;
}

.pink .box66 label {
	font-weight:400;
}

.pink-video {
	width:34%;
	text-align: center;
}

.pink-video img {
	width:100%;
}

/*------------------------------------*\
	PAGE: CORPORATE SPONSORS
\*------------------------------------*/

#sponsors {
	
}

.sponsors .box100 {
	flex-direction: column;
}

.box100 .sponsor-images {
	flex-direction:row;
	justify-content: center;
	align-items: center;
	text-align:center;
}

.sponsor-images img {
	margin: 30px 20px;
}

.corp-heading {
	width:100%;
	background-color: #699bb4;
	color:white;
	font-weight:600;
	font-size:30px;
	text-align: center;
	margin-top:60px;
	padding:5px 0px;
}

.become-sponsor {
	background-color: #e9ebec;
	padding:40px;
	text-align: center;
	margin-bottom:60px;
	display: flex;
	flex-direction: column;
}

.become-sponsor .box100 {
	width:80%;
	margin:0 auto;
	background-color:white;
	text-align: left;
}

.become-sponsor .btn-blue {
	place-self: flex-start;
	text-align: center;
}

.sponsor-form {
	display:flex;
	flex-direction:column;
	margin-top:0px;
}

.sponsor-form input, .sponsor-form textarea {
	background-color: #ebedee;
	width:100%;
	outline:0;
	border:0;
	padding:4px 6px;
	margin-bottom:10px;
}

/*------------------------------------*\
	PAGE: FUNDRAISE
\*------------------------------------*/

#fundraise-top {
	
}

#fundraise-top .box20 {
	width:20%;
	display:flex;
	padding-top:30px;
}

#fundraise-top .box80 {
	width:80%;
	display:flex;
	align-content: center;
	justify-content: center;
	padding-right:66px;
	padding-top:10px;
}

.pink-box {
	background-color: #ffefef;
	padding:30px 20px 10px;
	text-align: center;
}

.pink-box .btn4 {
	margin-right: 0 !important;
}

.pink-box p {
	font-size:15px;
}

#host-an-event {
	background-color: #eff1f2;
	padding:50px 0px;
}

#host-an-event .btn4 {
	margin:0 auto;
}

#host-an-event strong {
	font-size:15px;
}

.fund-program {
	margin-top:60px;
	width:33%;
	flex-direction:column;
	background-color:white;
	border-left:10px solid #eff1f2;
	border-right:10px solid #eff1f2;
}

.fund-program-heading {
	background-color:#243746;
	width:100%;
	color:white;
	font-weight:600;
	padding:10px 0px;
	text-align: center;
	height:70px;
	display:flex;
	align-items: center;
	justify-content: center;
}

.fund-program-img img {
	width:100%;
}

.fund-program-text {
	font-size:16px;
	text-align: center;
	background-color:white;
	padding:20px;
}

#take-initiative {
	background-color: white;
	padding:50px 0px;
}

#take-initiative h2 {
	color: #6a9cb5;
}

.initiative-step {
	width: 80%;
	margin:90px auto 0;
	background-color: #eff1f2;
	position:relative;
	padding: 60px 40px 40px;
	display: flex;
	flex-direction: column;
	font-size:16px;
}

.initiative-step p {
	font-size:16px;
}

.initiative-step:before {
	display: flex;
	height: 74px;
	width: 74px;
	border-radius: 74px;
	position: absolute;
	top: -37px;
	left: 0;
	right: 0;
	margin: auto;
	background-color: #ff7b7b;
	color: white;
	font-weight: 700;
	justify-content: center;
	align-items: center;
	white-space: unset;
	text-align: center;
	line-height: 1.2;
	padding: 0 12px;
}

.initiative-step strong.centerit {
	display:block;
	width:100%;
	text-align: center;
	font-size:18px;
}

.step-1:before {
	content: "STEP 1";
}
.step-2:before {
	content: "STEP 2";
}
.step-3:before {
	content: "STEP 3";
}
.step-4:before {
	content: "STEP 4";
}

.btn-blue-2 {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	border-radius:10px;
	background-color:transparent;
	border:1px solid #6a9cb5;
	font-weight: 600;
	line-height:1.2;
	color:#6a9cb5;
	padding:10px !important;
	margin: 20px auto 0;
	display:block;
	text-align:center;
	width:250px;
}

.blue-heading {
	background-color:#6a9cb5;text-align:center;color:white;font-weight:700;padding:4px;border-bottom:1px solid white;
}

.blue-ideas {
	padding:30px;
	text-align:center;
	font-weight:600;
}

.blue-ideas strong {
	color:#6a9cb5;
	
	text-transform: uppercase;
}

.modal-pink-dialog {
	width:72%;
	padding-top:48px;
}

.modal-pink-dialog .modal-content {
	border-radius: 20px;
	outline: 0;
	border: 0;
	box-shadow: 0 5px 15px rgba(0, 0, 0, .2);
}

.modal-pink {
	padding-top:48px;
	background-color:#f6dcdd;
	border-radius:20px;
	position:relative;
}

.modal-pink-header {
	width:100%;
	background-color: #ff6666;
	padding:10px;
	color:white;
	font-size:21px;
	font-weight:bold;
	text-align:center;
}

.modal-pink-body {
	display: flex;
	flex-direction: row;
}

.modal-pink-body .box33 img {
	height: fit-content;
}

.modal-pink-body .box66 {
	display: flex;
	flex-direction: column;
	padding:40px 20px 60px 0px;
}

.modal-pink-body .box66 p {
	margin: 0 0 10px;
	font-size:14.5px;
}

.modal-pink-body .box66 p strong {
	color:#ff6666;
}

.modal-close {
	position:absolute;
	top:10px;
	right:10px;
	font-size:20px;
	cursor:pointer;
}

/*------------------------------------*\
	PAGE: SHOP
\*------------------------------------*/

.shop-head-top {
	display:flex;
}

.shop-head-top .box75 {
	flex-direction: column;
	padding:30px 0;
}

.shop-head-top h1 {
	font-weight:500;
	color:white;
	margin-bottom:10px;
}

.shop-head-top p {
	margin: 20px 0;
	color:white;
}

.shop-head-top .box25 {
	align-items: center;
	justify-content: center;
	display: flex;
}

a.shopping-cart {
	text-align: center;
	width:136px;
	height:88px;
	border:1px solid white;
	border-radius:10px;
	font-weight:600;
	font-size:15px;
	color:white;
	display:flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	margin-top:70px;
}

.shop-head-tabs #filters {
	display: flex;
	flex-direction: row;
}

.shop-head-tabs ul li.nav-item {
	display: flex;
	flex-grow: 1;
	justify-content: center;
	position: relative;
	margin-right:10px;
	padding:10px 0;
	background-color: #f36e63;
	text-align: center;
	
}

.shop-head-tabs ul li.nav-item a {
	font-weight: 400;
}

.shop-head-tabs .nav > li > a:hover, .shop-head-tabs .nav > li > a:focus {
	text-decoration: none;
	background-color: #f36e63;
	border-bottom:0;
}

.shop-head-tabs .filter-button-active {
	background-color: #eff0f1;
	color: #243746;
}

.shop-head-tabs button {
	display: flex;
	flex-grow: 1;
	justify-content: center;
	position: relative;
	margin-right:10px;
	padding:10px 0;
	background-color: #f36e63;
	text-align: center;
	border:0;
	outline:0;
	color:white;
	font-weight:500;
}

section.shop-main {
	background-color: #eff0f1;
	padding:60px 30px;
}

section.shop-main .inner {
	display:flex;
	flex-wrap: wrap;
}

.product-single {
	width:23%;
	display:flex;
	flex-direction: column;
	background-color:white;
	margin:0px 0;
	padding-bottom:20px;
	position:relative;
	height:420px;
	border:10px solid #eff0f1;
}

.product-single-image {
	width:100%;
	height: 272px;
	overflow:hidden;
}

.product-single-image img {
	width:100%;
}

.product-single-title {
	text-align: center;
	font-size:20px;
	font-weight:700;
    margin: 20px 0 40px;
}

.product-single-title a span {
	color:red;
}

.product-single-title a {
	color:black;
}

.product-single-price {
	text-align: center;
	font-size:25px;
	font-weight:300;
	position:absolute;
	bottom:12px;
	left:0;
	right:0;
	margin:auto;
}

.product-single-price span {
	font-size:18px;
	display:block;
	padding-top:10px;
}

.imgcat-single {
	width:23%;
	display:flex;
	flex-direction: column;
	background-color:white;
	margin:0px 0;
	padding-bottom:20px;
	position:relative;
	height:420px;
	border:10px solid #eff0f1;
}

.imgcat-single-image {
	width:100%;
	height: 272px;
	overflow:hidden;
	display:flex;
	justify-content: center;
}

.imgcat-single-image a {
	display:flex;
	justify-content: center;
}

.imgcat-single-image img {
	object-fit: contain;
}

.imgcat-single-title {
	text-align: center;
	font-size:20px;
	font-weight:700;
	margin: 20px 0 40px;
}

.imgcat-single-title a span {
	color:red;
}

.imgcat-single-title a {
	color:black;
}

.imgcat-single-price {
	text-align: center;
	font-size:25px;
	font-weight:300;
	position:absolute;
	bottom:12px;
	left:0;
	right:0;
	margin:auto;
}

.imgcat-single-price span {
	font-size:18px;
	display:block;
	padding-top:10px;
}

.shop-custom {
	background-image:url(../img/custom-bg.jpg);
	background-size:cover;
	padding:80px 0;
}

.shop-custom .inner {
	width: 60%;
	display:flex;
}

.custom-apparel-title {
	font-size: 7.50px;
	line-height: 1.1;
	color: white;
	font-weight: 400;
	flex-direction:column;
}

.custom-apparel-text {
	display:flex;
	flex-direction: column;
	align-content: center;
	justify-content: center;
	color:white;
	font-size:30px;
	font-weight:500;
	line-height:1.2;
}

.btn-white {
	border-radius: 20px;
	font-size: 24px;
	font-weight: 600;
	padding: 20px;
	border: 2px solid white;
	display: flex;
	color: white;
	margin-top:20px;
	text-align: center;
	width:250px;
	transition: all ease .3s;
}

.btn-white:after {
	display:block;
	content: "►";
	font-family:"Arial";
	color:white;
	margin-left:10px;
	transition: all ease .3s;
}

.btn-white:hover {
	background-color: white;
}

.btn-white:hover:after {
	color:#243746;
}

/*------------------------------------*\
	PAGE: TREATMENTS
\*------------------------------------*/

section.treatments-head {
	
}

.button-grad {
	display:flex;
	background-image: linear-gradient(to bottom, #699bb4, #578198, #46687c, #355062, #253948);
	border-radius:60px;
	width:420px;
	height:58px;
	font-size:22px;
	color:white;
	padding:10px 20px;
	margin-bottom:20px;
	text-align: center;
	justify-content: center;
	align-items: center;
}

.treatments-header {
	
}

.treatments-header .inner {
	padding-left:130px;
	position:relative;
	color:white;
	font-size:20px;
	font-weight:600;
}

.treatments-header .inner:before {
	display:block;
	width:70px;
	height:70px;
	background-image:url(../img/info-icon.png);
	background-size:contain;
	content:"";
	position:absolute;
	top: 0px;
	bottom: 0px;
	left: 20px;
	margin: auto;
}

.treatments-header a:hover {
	color: #f36e63;
}

.treatment-info-single {
	width: calc(100% - 150px);
	margin: 20px 0;
	padding: 30px 20px;
	background-color: #f0f5f7;
	margin-left: 110px;
}

.treatment-text {
	
}

.treatment-line {
	border-right:1px solid #d0d5d8;
}

.ico-adjust img {
	height:32px !important;
	margin:4px 0;
}

.no-bg {
	background-color:transparent;
}

.treatment-icons {
	display:flex;
	justify-content: center;
	margin:30px 0px 0px;
}

.treatment-icon {
	padding:0 30px;
	text-align: center;
	width:230px;
}

.treatment-icon img {
	width:40px;
	height:40px;
}

.treatment-icon-text {
	font-size:14px;
	font-weight:700;
}

.important-message {
	border:2px solid #f36e63;
	display:flex;
	margin-top:40px;
}

.important-message-icon {
	display:flex;
	width:220px;
	background-color: #f36e63;
	justify-content: center;
	align-items: center;
}

.important-message-text {
	padding:10px;
	font-size:18px;
	font-weight:bold;
}

.important-message-text span {
	color: #f36e63;
	font-size:20px;
}

.blue-h2 {
	color: #699cb5;
	margin:0 0 0px;
}

#treatment-guidelines {
	background-color: #243746;
	padding: 0px 0px 60px;
}

#treatment-guidelines h2 {
	margin-top:90px;
	color: #f36e63;
	font-size:34px;
}

#treatment-guidelines p {
	color:white;
}

.guidelines-thumbnail {
	width:180px;
	height:240px;
}

.guidelines-text {
	padding:0 50px;
	color:white;
	margin-top:20px;
	margin-bottom:20px;
	text-align: center;
}

.preg-treat p, .preg-treat h3 {
	color:white;
}

/*------------------------------------*\
	PAGE: WHAT IS
\*------------------------------------*/

.whatis-heading {
	width:100%;
	background-color: #243746;
	padding:2px 10px;
	color:white;
	font-weight:bold;
}

.whatis-text {
	padding:10px;
	margin-bottom:20px;
}

.whatis-nav {
	width:100%;
	display:flex;
	margin:80px 0 60px;
	padding-top:40px;
}

.whatis-nav-single {
	width:16.66%;
	display:flex;
	background-color: #699cb5;
	color:white;
	justify-content: center;
	align-items: center;
	text-align:center;
	flex-grow: 1;
	margin: 0 5px;
	padding:5px;
}

.whatis-nav-single a {
	color:white;
	font-weight:600;
	line-height:1.2;
	font-size:18px;
}

.whatis-nav-single:hover {
	background-color: #f36e63;
}

.type-heading {
	background-color: #243746;
	color:white;
	font-size:22px;
	padding:6px 0;
	font-weight:700;
	text-align: center;
}

.trigger-heading {
	background-color: #699cb5;
	color:white;
	font-size:22px;
	padding:14px 0;
	font-weight:400;
	display: flex;
	text-align: left;
	align-items: center;
}

.trigger-heading img {
	margin:0 20px;
}

.type-text {
	background-color:white;
	padding:20px;
}

.type-btn {
	
}

.y-resources {
	flex-direction:column;
	padding:30px;
	text-align:center;
	position:relative;
	height:575px;
}

.y-resources img {
	margin:0 auto 20px;
	
}

.y-resources .btn4 {
	margin-right: 0;
	position:absolute;
	bottom:30px;
	left: 0;right:0;
	margin:0 auto;
}

.donate-form {
	width: 80%;
	margin:0 auto;
	display: flex;
	flex-direction:column;
}

.donate-form p {
	
}

.donate-box {
	margin:10px 0;
}

.donate-amount {
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	padding-bottom:40px;
}

.donate-hidden {
	width:50%;
	display:none;
	padding-left:20px;
}

.btn-donate {
	display:flex;
	justify-content: center;
	align-items: center;
	width:18%;
	height:48px;
	border-radius:48px;
	color:white;
	background-color: #f36e63;
	border:2px solid #f36e63;
	font-size:17px;
	font-weight:600;
	transition: all ease .3s;
	margin-right:2%;
	white-space: nowrap;
	text-transform:uppercase;
}

.btn-donate:hover {
	background-color: #243746;
	border:2px solid #243746;
	color: white;
}

.btn-icon {
	display: flex;
	width: 23%;
	height: auto;
	border-radius: 48px;
	color: white;
	background-color: #f36e63;
	border: 2px solid #f36e63;
	font-size: 17px;
	font-weight: 600;
	transition: all ease .3s;
	margin-right: 2%;
	white-space: normal;
	text-transform: uppercase;
	text-align: center;
	padding: 10px 20px;
	flex-direction: column;
}

.btn-icon:hover {
	background-color:  #243746;
	border:2px solid  #243746;
	color: white;
}

.btn-icon img {
	height:60px;
	margin-bottom:-10px;
}

.donate-form input[type="text"], .donate-form textarea {
	width:100%;
	margin-bottom: 20px;
	border: 0;
	outline: 0;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	padding: 5px;
}

/*------------------------------------*\
	Quiz
\*------------------------------------*/

.member-kit-quiz {
	padding:60px;
}

#member-kit-quiz {
	border-radius:20px;
}

.quiz-slider {
	width:75%;
}

.quiz-question {
	width: 100%;
	height: 450px;
	background-color: white;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	position:relative;
}

.quiz-question-inner {
	padding-bottom: 60px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 60px;
	margin: auto;
	width: 600px;
	justify-content: center;
	/* align-items: center; */
	display: flex;
	flex-direction: column;
}

.question-heading {
	width:600px;
	margin-bottom:20px;
	font-size:30px;
	font-weight:bold;
}

.question-heading span {
	font-size:20px;
	font-weight:600;
}

.quiz-radios {
	padding: 0 0 0 20px;
	display:flex;
	flex-direction:column;
}

.quiz-radios label {
	font-size: 24px;
	font-weight: 500;
	margin-bottom: 20px;
}

.next-question {
	cursor:pointer;
	font-weight:bold;
	position:absolute;
	bottom:30px;
	right:30px;
}

.conclude .question-heading {
	width:100%;
}

.conclude .question-heading span {
	font-size:18px;
	font-weight:600;
}

.conclude.quiz-question-inner {
	padding-bottom: 60px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 90%;
	justify-content: center;
	/* align-items: center; */
	display: flex;
	flex-direction: column;
}

.conclude label {
	font-size:18px;
}

.quiz-form-name {
	width: 100px;
	display: inline-block;
	margin-bottom: 10px;
}

.quiz-radios .donate-hidden input, .quiz-radios .donate-hidden textarea, .quiz-radios .terminate input {
	padding: 4px 10px;
	outline: 0;
	border: 0;
	margin-bottom: 10px;
	width: 400px;
	background-color:#efefef;
}
#snail_address {
    overflow: auto;
    background-color: #efefef;
    border: 0;
    width: 400px;
	}
.quiz_address_label {
	position: relative;
	top: -30px;
}
.previous-question {
    cursor: pointer;
    font-weight: bold;
    position: absolute;
    bottom: 30px;
    left: 30px;
	}
.previous_question_button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 300px;
    height: 48px;
    border-radius: 48px;
    color: white;
    background-color: #f36e63;
    border: 2px solid #f36e63;
    font-size: 17px;
    font-weight: 600;
    transition: all ease .3s;
    margin-right: 20px;
    white-space: nowrap;
    text-transform: uppercase;
	}
.previous_question_button:hover {
    background-color: white;
    border: 2px solid #f36e63;
    color: #f36e63;
	}
.previous_question_button:hover:before {
    color: #f36e63;
	}
.previous_question_button:before {
    display: block;
    content: "◄";
    font-family: "Arial";
    color: white;
    margin-right: 10px;
    transition: all ease .3s;
	}
/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

.mobile-menu {
	display:none;
}

.mobile-hide {
	display:flex;
}

.mobile-show {
	display:none;
}

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

	main.youth {
		padding-top: 148px;
	}

}

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

	.inner {
	    max-width: 1320px;
	    width: 100%;
	}
	
	html {
	    font-size: 61.5%;
	    margin: 0;
	}
	
	.action-item {
		padding: 50px 30px;
	}
	
	.words-inner {
		max-width:1280px;
	}
	
	.action-item-2 {
	    padding: 50px 40px;
	}
	
	.box-subhead {
	    min-height: 44px;
	    align-items: center;
	    display: flex;
	    justify-content: center;
	}
	
	.youth-header-btn2, .youth-header-btn1 {
		margin-bottom:80px;
	}
	
	.box-btn {
	    width: 100%;
	}
	
}

@media only screen and (max-width:1340px) {

	.inner {
	    max-width: 1220px;
	    width: 100%;
	}
	
	html {
	    font-size: 61.5%;
	    margin: 0;
	}
	
	
	.action-item {
		padding: 50px 20px;
	}
	
	.action-text {
	}
	
	#parents-caregivers .box-title .span-out1, #parents-caregivers .box-title .span-out2 {
		padding: 6px 40px;
	}
	
	.banner-heading {
		font-size:50px !important;
	}
	
	#social-pages .banner-heading img {
	    width: auto;
	    margin: 20px auto 20px;
	    text-align: center;
	}
	
	#cta-boxes .box25 .box-text {
	    min-height: 178px;
	}
	
	.single-trial {
	    width: 862px;
	}
	
	.action-item-2 .action-text {
	    min-height: 132px;
	}
	
	#map {
	    width: 960px;
	    height: 600px;
	}

}

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

	.inner {
	    max-width: 1080px;
	    width: 100%;
	}
	
	html {
	    font-size: 57.5%;
	    margin: 0;
	}
	
	.messagebar {
		min-height:38px;
	}
	
	.message-heading {
	    height: 38px;
	    font-size: 16px;
	}
	
	#map {
	    width: 832px;
	    height: 600px;
	}
	
	a.action-btn {
	    width: auto;
	    height: 48px;
	}
	
	.action-item {
		padding: 30px 20px;
	}
	
	.action-text {
		min-height:84px;
	}
	
	.box-btn {
	    width: 100%;
	}
	
	.mission-cta .box33 {
	    flex-direction: column;
	    padding: 20px 30px;
	}
	
	.youth-header-btn1, .youth-header-btn2 {
	    margin-bottom: 20%;
	}
	
	.ct-text {
	    width: 870px;
	    flex-grow: 1;
	    flex-shrink: 1;
	}
	
	.single-trial {
	    width: 862px;
	}
	
	.mid-banner {
	    min-height: 144px;
	}
	
	#cta-boxes .box25 .box-text {
	    min-height: 188px;
	}
	
}

@media only screen and (max-width:1140px) {
	
	.inner {
	    max-width: 96%;
	    width: 100%;
	}
	
	html {
	    font-size: 53.5%;
	    margin: 0;
	}
	
	#map {
	    width: 76%;
	    height: 500px;
	}
	
	.nav-menu-bar {
	    display: flex;
	    width: calc(100% - 150px);
	    float: right;
	    padding-left: 60px;
	}
	
	.mid-banner {
	    position: relative;
	    display: flex;
	    justify-content: center;
	    align-items: center;
	    text-align: center;
	    background-color: #f36e63;
	    width: 100%;
	    min-height: 100px;
	}
	
	.ct-text {
	    width: 750px;
	    flex-grow: 1;
	    flex-shrink: 1;
	}
	
	.single-trial {
	    width: 100%;
	}
	
	a.action-btn {
	    width: 100%;
	    height: 48px;
	}
	
	.foot-left {
	    flex-direction: column;
	    width: 55%;
	}
	
	.youth-header-btn3 {
		top:60px;
	}
	
	.banner-heading {
	    font-size: 40px !important;
	}
	
	.btn-black {
	    width: 90%;
	    font-size: 15px;
	    margin-right: 0px;
	}
	.quiz-radios .donate-hidden input, .quiz-radios .donate-hidden textarea, .quiz-radios .terminate input {
    	width: 400px;
	}
	.question-heading {
		width: 500px;
		font-size: 25px;
	}
	.quiz-radios label {
		font-size: 20px;
	}	
	.btn4 {
		width: 200px;
		font-size: 15px;
	}
	#snail_address {
    	overflow: auto;
    	background-color: #efefef;
    	border: 0;
    	width: 400px;
    	font-size: 13px !important;
	}
	.previous_question_button {
		width: 215px;
		font-size: 15px;
	}
}

@media only screen and (max-width:1024px) {
	
	html {
	    font-size: 50.5%;
	    margin: 0;
	}
	
	.banner-inner {
	    padding: 182px 20px 36px;
	}
	
	#parents-caregivers .box-title .span-out1, #parents-caregivers .box-title .span-out2 {
	    padding: 6px 60px;
	}
	
	.ct-icon {
	    width: 75px;
	    margin-right: 40px;
	}
	
	#map {
	    width: 74%;
	    height: 420px;
	}
	
	.event-message .box33 {
		padding-right:20px;
	}
	
	.webinar-title {
	    flex-direction: column;
	}
	
	.steps-nav {
		width:100%;
		flex-direction:column !important;
	}
	
	.steps-nav .centerit {
		font-size:16px !important;
	}
	
	.steps-nav .ac-step {
		margin-top:40px;
		margin-bottom:20px;
	}
	
	.btn-black {
	    width: 90%;
	    font-size: 15px;
	    margin-right: 0px;
	}

}

@media only screen and (max-width:960px) {
	
	.banner-push {
		padding-top:88px;
	}
	
	.mobile-hide {
		display:none !important;
	}
	
	.mobile-show {
		display:flex !important;
	}
	
	body {
		overflow-x: hidden;
	}
	
	.mainbar {
	    height: 88px;
	}
	
	header {
	    height: 126px;
	}
	
	.logo {
	    width: 108px;
	    height: 55px;
	}
	
	.top-search {
		display:none;
	}
	
	ul.nav-menu {
	    list-style: none;
	    margin: 0;
	    display: flex;
	    width: 100%;
	    flex-direction: column;
	    align-items: flex-start;
	    padding: 30px 0 0;
	    
	}
	
	ul.nav-menu:before {
		display:block;
		content:"MENU";
		font-size:0px;
		color:white;
		font-weight:600;
		margin-bottom:10px;
	}
	
	.nav-menu-bar {
	    display: flex;
	    width: 270px;
	    float: right;
	    padding-left: 0px;
	    position: absolute;
	    top: 40px;
	    right: -270px;
	    z-index: 99;
	    height: 100vh;
	    background-color:#243746;
	    transition: right .3s ease;
	}
	
	.show-nav {
		right:0;
	}
	
	li.nav-item {
		display: flex;
	    flex-grow: 0;
	    justify-content: flex-start;
	    flex-direction: column;
	    position: relative;
	    margin: 0;
	    padding: 20px 20px;
	    width: 100%;
	    border-bottom: 1px solid white;
	}
	
	li.nav-item ul.sub-nav {
	    list-style: none;
	    display: none;
	    position: relative;
	    top: 18px;
	    left:0;
	    padding: 0px 0 0 0;
	    flex-direction: column;
	    z-index: 6;
	    width: 100%;
		margin-bottom:20px;
	}
	
	ul.sub-nav li {
	    position: relative;
	    white-space: normal;
	}
	
	li.has-sub-nav {
		flex-direction: row;
		    flex-wrap: wrap;
	}
	
	li.has-sub-nav:hover ul.sub-nav {
		display:none;
	}
	
	li.nav-item a:hover {
		border-bottom: 1px solid transparent !important;
	}
	
	li.has-sub-nav:hover #main-nav-link:after {
	    margin-top: 2px;
	    background-image: url('../img/menu-chevron.svg');
	}
	
	ul.sub-nav2 {
	    position: relative;
	    left:0;
	}
	
	ul.sub-nav2 li a {
	    background-color: rgba(255,255,255,.9);
	}
		
	li.active-nav a {
		color:white !important;
	}
	
	.open-drop ul.sub-nav {
		display:flex !important;
	}
	
	.mobile-menu {
	    display: flex;
	    align-items: center;
	    align-content: center;
	    justify-content: center;
	    padding: 0 0 5px 0;
	    position: absolute;
	    right: 20px;
	    width: 52px;
	    height: 52px;
	    border: 1px solid white;
	    border-radius: 10px;
	    z-index:100;
	}
	
	button.navbar-toggler {
		appearance: none;
	    background-color: transparent;
	    outline: 0px;
	    border: 0;
	}
	
	.animated-icon1 {
		width: 30px;
		height: 20px;
		position: relative;
		margin: 0px;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .5s ease-in-out;
		-moz-transition: .5s ease-in-out;
		-o-transition: .5s ease-in-out;
		transition: .5s ease-in-out;
		cursor: pointer;
	}
	
	.animated-icon1 span {
		display: block;
		position: absolute;
		height: 3px;
		width: 100%;
		border-radius: 9px;
		opacity: 1;
		left: 0;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .25s ease-in-out;
		-moz-transition: .25s ease-in-out;
		-o-transition: .25s ease-in-out;
		transition: .25s ease-in-out;
	}
	
	.animated-icon1 span {
		background: white;
	}
	
	.animated-icon1 span:nth-child(1) {
		top: 0px;
	}
	
	.animated-icon1 span:nth-child(2) {
		top: 10px;
	}
	
	.animated-icon1 span:nth-child(3) {
		top: 20px;
	}
	
	.animated-icon1.open span:nth-child(1) {
		top: 11px;
		-webkit-transform: rotate(135deg);
		-moz-transform: rotate(135deg);
		-o-transform: rotate(135deg);
		transform: rotate(135deg);
	}
	
	.animated-icon1.open span:nth-child(2) {
		opacity: 0;
		left: -60px;
	}
	
	.animated-icon1.open span:nth-child(3) {
		top: 11px;
		-webkit-transform: rotate(-135deg);
		-moz-transform: rotate(-135deg);
		-o-transform: rotate(-135deg);
		transform: rotate(-135deg);
	}
	
	#home-banner {
		margin-top:126px;
	}
	
	.banner-inner {
	    padding: 20px;
	}
	
	#template-banner .banner-inner {
	    justify-content: flex-end;
	}
		
	.banner-buttons {
	    width: 100%;
	    flex-grow: 1;
	}
	
	.banner-buttons a.btn2 {
	    height: 42px;
	    border-radius: 52px;
	    text-align: center;
	    display: flex;
	    justify-content: center;
	    align-items: center;
	    padding: 0 30px;
	    margin-bottom: 26px;
	    white-space: nowrap;
	    width: 50%;
	}
	
	.banner-img {
	    position: relative;
	    width: 100%;
	    height: 400px;
	    top: 0px;
	    display: flex;
	}
	
	.banner-img img {
	    width: auto;
	    /* max-width: fit-content; */
	    object-fit: cover;
	    object-position: 75% 0px;
	    position: absolute;
	    top: 0;
	    left: 0;
	    right: 0;
	    bottom: 0;
	    height: 100%;
	}
		
	#connecting .carousel-inner .item .carousel-caption {
	    font-size: 30px;
	}
	
	.column-reversed {
		flex-direction: column-reverse;
	}
	
	.column-forward {
		flex-direction: column;
	}
	.box16 {
		width:100% !important;
		margin-left: 0 !important;
	}
	
	.box33 {
		width:100% !important;
		margin-left: 0 !important;
	}
	
	.box40 {
		width:100% !important;
	}
	
	.box50 {
		width:100% !important;
	}
	
	.box60 {
		width:100% !important;
	}
	
	.box66 {
		width:100% !important;
	}
	
	.box75 {
		width:100% !important;
	}
	
	#take-action {
	    width: 100%;
	    padding: 0px 0px ;
	}
	
	.action-grid {
		width:100% !important;
		max-width:100%;
		padding:0px;
	}
	
	.action-item {
	    width: 100%;
	    color: white;
	    display: flex;
	    padding: 40px 20px;
	    border-right: 0px !important;
	    border-bottom: 0px solid white !important;
	}
	
	.action-text {
	    min-height: auto;
	}
	
	.words-inner {
		max-width: 90%;
		text-align: center;

	}
	
	.words-links {
	    flex-wrap: wrap;
	}

	.words-item {
		width:100%;
	}
	
	.footer-top {
	    width: 100%;
	    display: flex;
	    padding: 60px 0 24px;
	    flex-direction: column;
	}
	
	.foot-right {
	    flex-direction: column;
	    align-items: flex-start;
	    width: 100%;
	    margin-top: 40px;
	}
	
	.foot-left {
		width:100%;
	}
	
	.footer-join input[type="email"] {
		width:225px;
	}
	
	#text-image .box60 {
	    padding-right: 0px;
	}
	
	#text-image .box40 {
	    padding-left: 0px;
	}
	
	#image-text .box33 {
	    padding-right: 0px;
	}
	
	#image-text .box66 {
		margin-top:60px;
	    padding-left: 0px;
	}
	
	.youth #ways-to-engage .box100 {
	    padding: 54px 0;
	    border-bottom: 1px solid #999999;
	    align-items: flex-start;
	    flex-direction: column;
	}
	
	.youth #ways-to-engage .box33 {
		margin-bottom:20px;
	}
	
	.youth #parents-caregivers .box100 {
	    padding: 54px 0;
	    border-bottom: 1px solid #999999;
	    align-items: center;
	    flex-direction: column;
	}
	.mid-banner {
		position: relative;
    	display: flex;
    	justify-content: center;
    	align-items: center;
    	text-align: center;
    	background-color:transparent !important;
    	width:100%;
    	min-height:154px;
	}

	.mid-banner .banner-heading {
		font-size: 30px !important;
		margin-top:10px;
		display: flex;
		flex-direction: column;
    	position: absolute;
    	left: 0;
    	right: 0;
		top: 0;
		bottom:0;
    	justify-content: center;
    	align-items: center;
	}

	.mid-banner img {
		width: 100%;
	}
	#social-pages .banner-heading img {
		width: auto;
		margin:20px auto 20px;
		text-align: center;
	}
	.social-icons {
		display:flex;
	}

	a.social-icon {
		display:flex;
		margin:0 16px;
	}
	

	.youth-buttons {
		flex-direction: column;
	}
	
	#map {
		margin-top:20px;
	    width: 100%;
	    height: 220px;
	}
	
	.map-filter-buttons {
	    position: relative;
	    display: flex;
	    flex-direction: row;
	    flex-wrap: wrap;
	    align-items: center;
	    justify-content: center;
	    margin-bottom: 20px;
	}
	
	.map-filter-button {
	    width: 48%;
	    height: 62px;
	    background-color: #699cb5;
	    display: flex;
	    justify-content: center;
	    align-items: center;
	    color: white;
	    font-weight: 600;
	    text-align: center;
	    margin-bottom: 4px;
	    margin: 1%;
	    cursor: pointer;
	}
	
	.map-filters {
	    display: flex;
	    line-height: 34px;
	    font-weight: 600;
	    flex-direction: column;
	}
	
	#events-display .box100 {
		flex-direction: column;
	}
	
	#events-display .box100 .box33 {
		margin:0 0 20px;
	}
	
	#cta-boxes .box100 {
		flex-direction: column;
	}
	
	#cta-boxes .box25 {
		width:100%;
		
	}
	
	#cta-boxes .box25 {
		margin-bottom:40px;
	}
	
	#cta-boxes .box25 .box-text {
	    min-height: auto;
	}
	
	#cta-boxes .box33 {
	    flex-direction: column;
	    margin-bottom: 40px;
	}	
	#cta-boxes .box16 {
	    flex-direction: column;
	    margin-bottom: 20px;
	}
	.action-grid-2 .section-heading {
	    width: 100%;
	    margin: 40px auto 40px;
	    text-align: center;
	    color: white;
	}
	
	.action-item-2 {
	    width: 100%;
	    color: white;
	    display: flex;
	    padding: 40px 0px;
	    border-right: 0px solid white !important;
	}

	.action-item-2 .action-text {
	    min-height: auto;
	}
	
	.action-item-2 a.action-btn {
	    width: 100%;
	}
	
	#ways-to-engage .box100 {
	    flex-direction: column;
	}
	
	#ways-to-engage .box33 {
	    width: auto;
	    margin-right: 0px;
	}
	
	.ct-text {
	    width: 100%;
	    padding: 0;
	}
	
	.trial-body {
	    padding: 36px 80px;
	    display: flex;
	    justify-content: center;
	    align-items: center;
	    flex-direction: column;
	}
	
	.tri1 {
	    height: 125px;
	    width: 100%;
	    display: flex;
	    margin-right: 0px;
	    padding: 0px 0px 0 0px;
	    border-right: 0px solid white;
	    border-bottom:1px solid white;
	    justify-content: center;
	    align-items: center;
	}
	
	.tri3 {
	    height: 125px;
	    width: 100%;
	    display: flex;
	    margin-right: 0px;
	    padding: 0px 0px 0 0px;
	    border-left: 0px solid white;
	    border-top:1px solid white;
	    justify-content: center;
	    align-items: center;
	}
	
	#cafe-menu .inner {
	    display: flex;
	    flex-direction: column;
	}
	
	.cafe-topnav {
	    width: 100%;
	    display: flex;
	    flex-direction: column;
	    background-color: white;
	    padding: 40px;
	}
	
	.featured-webinars {
	    width: 100%;
	    height:240px;
	    flex-grow: 1;
	    border: 1px solid white;
	    background-size: cover;
	    position: relative;
	}
	
	#cafe-cta-boxes .box100 {
		flex-direction: column;
	}
	
	#cafe-cta-boxes .box33 {
		margin: 0 0 40px;
	}
		
	.cafe .event-heading {
	    width: 100%;
	    padding: 10px;
	    border: 2px solid white;
	    margin: 0 auto 40px;
	    border: 2px solid white;
	}
	
	.cafe .event-message {
	    width: 100%;
	    margin: 0 auto;
	    padding: 0px;
	    text-align: left;
	    flex-direction: column;
	}
	
	#events-hub-link .box66 {
	    margin: 0 auto;
	    float: none;
	    border: 2px solid white;
	    justify-content: center;
	    align-items: center;
	    color: white;
	    flex-direction: column-reverse;
	}
	
	#sidebar-section .inner {
	    display: flex;
	    flex-direction: column;
	}
	
	.leftSide, .rightSide {
	    width: 100%;
	    flex-grow: 1;
	    text-align: left;
	    padding-right: 0px;
	    padding-left:0;
	    margin-bottom:60px;
	}
	
	.app-section .leftSide {
	    padding-left: 0px;
	}
	
	.member-section .leftSide {
	    padding-left: 0px;
	}
	
	.treatment-info-single {
		width: 100%;
		margin: 20px 0;
		padding: 30px 20px;
		background-color: #f0f5f7;
		margin-left: 0px;
	}
	
	.treatment-icon {
		padding: 0 10px;
		text-align: center;
		width: 25%;
	}
	
	#treatment-guidelines .box100 {
		flex-direction:column;
	}
	
	#treatment-guidelines .box100 .box50 {
		padding-bottom:40px;
	}
	
	.treatments-end .box75 {
		flex-direction:column;
	}
	
	.treatments-end .box75 .box50 {
		margin-bottom:40px;
	}
	
	.pink-video .video {
		margin-left:0 !important;
		margin-top: 30px;
	}
	
	#our-activities .box100 {
		flex-direction:column;
	}
	
	.carousel-outer {
		padding-left:0 !important;
	}
	
	#sponsors .box100 {
		flex-direction:column;
	}
	
	.become-sponsor .box100 {
		flex-direction:column;
		width:100% !important;
	}
	
	.yr-upper .box50 {
		margin: 10px !important;
	}
	
	.yr-info {
		flex-direction:column !important;
	}
	
	.yr-info .box25 {
		width:100%; 
		margin-left:0 !important;
		margin-bottom:20px;
	}
	
	.yr-yellow {
		width:100% !important;
		flex-direction:column !important;
		padding:20px;
	}
	
	.yr-yellow .box25 {
		width:100%;
		align-content: center;
	}
	
	.yr-yellow .box25 img {
		margin:0 auto;
		margin-bottom:20px;
	}
	
	.yr-info-2 {
		flex-direction: column;
	}
	
	.yr-info-2 .box66, .yr-info-2 .box33 {
		width:100% !important;
		margin-bottom:40px;
		border:0px !important;
		padding:0 !important;
	}
	
	.y-resources {
		border:0px !important;
	}
	
	.greenroom_form_class {
		width: 100%;
		padding: 40px;
		background-color: #eff1f2;
		margin: 0;
		display: flex;
		flex-direction: column;
	}
	
	.shop-head-tabs #filters {
		display: flex;
		flex-direction: column;
	}
	
	.shop-head-tabs #filters button {
		margin-bottom:10px;
	}
	
	section.shop-main .inner {
		padding: 0;
		margin: 0;
		width: 100%;
		max-width:100%;
	}
	.product-single {
		width: 100%;
		display: flex;
		flex-direction: column;
		background-color: white;
		margin: 0px 0;
		padding-bottom: 20px;
		position: relative;
		height: auto;
		border: 10px solid #eff0f1;
	}
	
	.product-single-image {
		height:auto;
	}
	
	.imgcat-single {
		width: 100%;
		display: flex;
		flex-direction: column;
		background-color: white;
		margin: 0px 0;
		padding-bottom: 20px;
		position: relative;
		height: auto;
		border: 10px solid #eff0f1;
	}
	
	.imgcat-single-image {
		height:auto;
	}
	
	.shop-custom .inner {
		width:100% !important;
		padding:0 !important;
		flex-direction: column;
	}
	
	.team-member {
		width: 100%;
		float: left;
		border: 0px solid #e9ebec;
		font-size: 16px;
		background-color: white;
		padding: 20px 20px 60px;
		position: relative;
		margin:20px 0 20px;
	}
	
	.perks-icons {
		width:100%;
		background-color:#ffa3a3;
		height:100%;
		text-align:center;
		display:flex;
		flex-direction:row;
		padding:20px;
	}
	
	.perks-text {
		display:flex;
		width:auto;
		flex-grow:1;
		padding:20px;
		flex-direction: column;
	}
	
	.perks-text-heading {
		flex-grow:1;justify-content:center;display:flex;flex-direction: column;
		margin-bottom:20px;
	}
	
	.memb-img {
		display:none;
	}
	
	.ac-item-2 {
		width: 100%;
		color: black;
		display: flex;
		padding: 50px 0px;
		border-right:0px !important;
		border-left:0px !important;
		border-bottom:0px solid black !important;
	}
	
	.toolkit-header .inner {
		padding-left: 20px;
		position: relative;
		color: white;
		font-size: 20px;
		font-weight: 400;
	}
	
	.toolkit-header .inner:before {
	    display: block;
	    width: 117px;
	    height: 102px;
	    background-image: url(../img/ert-toolkit-icon.svg);
	    background-size: contain;
	    content: "";
	    position: absolute;
	    top: 0px;
	    left: 0px;
	}
	
	.toolkit-header .inner:before {
		display:none;
	}
	
	.ert-box {
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		margin: 1.5%;
		flex-grow: 3;
		padding-top: 48px;
		position: relative;
	}
	
	#ert-form .inner {
		flex-direction: column;
	}
	
	.cme-team-box {
		width: 100%;
		min-height: 336px;
		display: flex;
		flex-direction: column;
		padding: 48px;
		background-color: white;
		justify-content: center;
		align-items: center;
		border-top: 12px solid #e9ebec;
		border-bottom: 12px solid #e9ebec;
		border-left: 12px solid #e9ebec;
		border-right: 12px solid #e9ebec;
	}
	
	.cme-team-box img {
		margin-bottom:20px;
	}
	
	.cme-callouts {
		width:100% !important;
		flex-direction: column !important;
		margin:0 auto;float:none;flex-direction:row;
		padding:20px!important;
	}
	
	.cme-callout {
		color: white;
		align-items: center;
		justify-content: center;
		text-align: center;
		padding-right: 0px;
		font-size: 22px;
		font-weight: 700;
	}
	
	.annc {
		flex-direction: column;
	}
	
	.annc-news {
		width:100% !important;
		background-color: #eff1f2;
		background-image: url(../img/annc-heading-pink.jpg);
		background-size: contain;
		background-repeat: no-repeat;
		background-position: top center;
		padding-top: 124px;
		flex-direction: column;
		margin-bottom: 60px;
		padding: 124px 30px 70px;
		text-align: center;
		border-right: 0px solid white;
		position: relative;
	}
	
	.annc-info {
		width:100% !important;
		background-color: #eff1f2;
		background-image: url(../img/annc-heading-blue.jpg);
		background-size: contain;
		background-repeat: no-repeat;
		background-position: top center;
		padding-top: 124px;
		flex-direction: column;
		margin-bottom: 60px;
		padding: 124px 30px 70px;
		text-align: center;
		border-left: 0px solid white;
		position: relative;
	}
	
	.btn-black {
	    width: 90%;
	    font-size: 15px;
	    margin-right: 0px;
	}
	
	.btn-pink {
	    width: 100%;
	    font-size: 15px;
	    margin: 0 auto;
	}
	
	a.ac-btn {
	    display: flex;
	    width: 100% !important;
	    height: 48px;
	    margin: 0 auto;
		font-size:15px !important;
	}
	
	.btn-yellow {
	    width: 100%;
	    font-size: 15px;
	    margin-right: 0;
	}
	
	.yr-info img {
		height: fit-content;
	}
	.quiz-radios .donate-hidden input, .quiz-radios .donate-hidden textarea, .quiz-radios .terminate input {
    	width: 250px;
	}
	.question-heading {
		width: 400px;
		font-size: 20px;
	}
	.quiz-radios label {
		font-size: 15px;
	}	
	.btn4 {
		width: 150px;
		font-size: 12px;
	}
	#snail_address {
    	overflow: auto;
    	background-color: #efefef;
    	border: 0;
    	width: 250px;
    	font-size: 12px !important;
	}
	.previous_question_button {
		width: 175px;
		font-size: 12px;
	}
}

@media only screen and (max-width:768px) {
	
	/* Mobile Hides Device */
	.mobileShow {
		display:block;
	}
	
	.mobileHide {
		display:none;
	}
	
	.banner-buttons a.btn2 {
	    height: 42px;
	    border-radius: 52px;
	    text-align: center;
	    display: flex;
	    justify-content: center;
	    align-items: center;
	    padding: 0 30px;
	    margin-bottom: 26px;
	    white-space: nowrap;
	    width: 100%;
	}
	
	/* .carousel-inner .item {
		height:400px;
	}
	
	.carousel-inner .item img {
		height:400px;
		max-width: fit-content;
		object-fit: cover;
	}*/
	
	.event-single {
		width:98%;
		margin-bottom:40px;
	}
	
	.youth-header-btn3 {
		position:relative;
	    width:320px;
	    top:-20px;
	}
	
	.youth-buttons .box50 {
	    justify-content: center;
	    top: -20px;
	    position: relative;
	}
	
	.youth-header-btn1, .youth-header-btn2 {
		width:100%;
    	margin-bottom: 40px; 
	}
	
	.youth-header-btn2, .youth-header-btn1 {
	    margin-bottom: 40px;
	}
	
	#advocacy-priorities .action-item {
		width: 100%;
		color: white;
		display: flex;
		padding: 20px 50px;
		margin-top: 0px;
	}

	.pink .box100, .pink .box66 {
		flex-direction:column;
	}
	
	#fundraise-top .box80 {
		width: 100%;
		display: flex;
		align-content: center;
		justify-content: center;
		padding-right: 10px;
		padding-top: 10px;
		padding-left:20px;
	}
	
	#advocateSlider .carousel-inner .item {
		height: 200px !important;
	}
	
	#advocateSlider .carousel-inner .item img {
		height: 200px !important;
		max-width: fit-content;
		object-fit: cover;
	}
	
	.box20 {
		width:100% !important;
	}
	
	.box80 {
		width: 100%;
		justify-content: center;
		display: flex;
		padding: 40px 40px 0;
		flex-direction: column;
	}
	
	.inner {
		max-width: 96%;
		width: 100% !important;
	}
	
	.box100 {
		flex-direction:column;
	}
	
	.box50 {
		width: 100% !important;
		margin-bottom: 20px;
	}
	
	.ct-icon {
		width: 200px;
		margin-right: 40px;
		text-align:left;
		margin-bottom:20px;
	}
		
	.mid-banner {
		position: relative;
    	display: flex;
    	justify-content: center;
    	align-items: center;
    	text-align: center;
    	background-color:transparent !important;
    	width:100%;
    	min-height:154px;
	}

	.mid-banner .banner-heading {
		font-size: 15px !important;
		margin-top:10px;
		display: flex;
		flex-direction: column;
    	position: absolute;
    	left: 0;
    	right: 0;
		top: 0;
		bottom:0;
    	justify-content: center;
    	align-items: center;
	}
	.mid-banner .social_background {
		width: 100%;
		height:155px;
	}
	.treatment-icons {
		display:flex;
		justify-content: center;
		margin:20px 0px 0px;
	}
	.treatment-icon {
		padding:0 20px;
		text-align: center;
		width:200px;
	}
	.treatment-icon img {
		width:35px;
		height:35px;
	}

	.treatment-icon-text {
		font-size:11px;
		font-weight:700;
	}
	.btn4_center {
		justify-content: center !important;
		align-items: center !important;
		flex-direction: column !important;
		margin-left: -20%;
	}
	#host-an-event .btn4 {
		display:flex;
		justify-content: center;
		align-items: center;
		width:300px;
		height:48px;
		border-radius:48px;
		color:white;
		background-color: #f36e63;
		border:2px solid #f36e63;
		font-size:15px;
		font-weight:600;
		transition: all ease .3s;
		white-space: nowrap;
		text-transform:uppercase;
	}	 
	#social-pages .banner-heading img {
		width: auto;
		margin:20px auto 20px;
		text-align: center;
	}
	.social-icons {
		display:flex;
	}

	a.social-icon {
		display:flex;
		margin:0 6px;
	}
	.modal-dialog {
		width: 400px !important;
    	margin: 30px auto !important;
	}
	.member-kit-quiz {
		padding: 20px 0 40px;
	}
	
	.quiz-slider {
		width: 100%;
	}
	
	.question-heading {
		width: 100%;
		margin-bottom: 20px;
		font-size: 20px;
		font-weight: bold;
	}
	
	.quiz-question-inner {
		padding-bottom: 60px;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0px;
		margin: auto;
		width: 100%;
		justify-content: center;
		/* align-items: center; */
		display: flex;
		flex-direction: column;
		padding:20px 20px 60px;
	}
	
	.quiz-radios label {
		font-size: 18px;
		font-weight: 500;
		margin-bottom: 18px;
	}
	
	#image-text .box60 {
		width: 100% !important;
		float: left;
		display: flex;
		flex-direction: column;
		padding-left: 0px;
		margin-top: 40px;
	}
	
	.treatments-header .inner {
		padding-left: 120px;
		position: relative;
		color: white;
		font-size: 16px;
		font-weight: 600;
	}
	
	.important-message {
		border: 2px solid #f36e63;
		display: flex;
		margin-top: 40px;
		flex-direction: column;
	}
	
	#image-text .box40 {
		width: 100% !important;
		float: left;
		display: flex;
		flex-direction: column;
		padding-right: 0px;
	}
	
	.important-message-icon img {
		width:100%;
	}
	
	.important-message-text {
		padding: 10px;
		font-size: 18px;
		font-weight: bold;
		width:100% !important;
		margin-top:20px;
	}
	
	.team-member {
		width: 100%;
		float: left;
		border: 0px solid #e9ebec;
		font-size: 16px;
		background-color: white;
		padding: 20px 20px 60px;
		position: relative;
		margin-bottom:40px;
	}
	
	.patient-story {
		width: 100%;
	}
	
	.ps-popup {
		width: 100%;
		background-color: white;
		display: none;
		position: absolute;
		flex-direction: column;
		top: 100%;
		left: 0;
		z-index: 1337;
	}
	
	.ps-popup-open:nth-child(3n-1) .ps-popup {
		left: 0;
	}
	
	.ps-popup-quote:before {
		width: 32px;
		left: 10px;
	}
	
	.ps-popup-quote:after {
		width: 32px;
		right: 10px;
	}
	
	.ps-popup-quote {
		padding: 20px 60px;
		font-size: 18px;
	}
	
	.btn-black {
	    width;100%;
	    font-size: 15px;
	    margin: 0 auto;
	}
	
	.btn-pink {
	    width: 100%;
	    font-size: 15px;
	    margin: 0 auto;
	}
	
	a.ac-btn {
	    display: flex;
	    width: 100% !important;
	    height: 48px;
	    margin: 0 auto;
		font-size:15px !important;
	}
	
	.btn-yellow {
	    width: 100%;
	    font-size: 15px;
	    margin-right: 0;
	}
	
	.ac-step .step-inner-column {
	text-align:center;
		padding:20px 0px 70px;
		flex-direction: column;
		position:relative;
	}
	
	.ac-step .yr-info {
		padding: 40px 40px 40px !important;
	}
}
@media only screen and (max-width:500px) {
	.quiz-radios .donate-hidden input, .quiz-radios .donate-hidden textarea, .quiz-radios .terminate input {
    	width: 165px;
    	font-size: 12px;
    }
	.question-heading {
		width: 300px;
	}
	.question-heading span {
		font-size: 13px !important;
	}	
	.quiz-radios {
		padding: 0 0 0 5px;
	}	
	.quiz-radios label {
		font-size: 12px;
	}	
	.quiz-form-name {
		font-size: 12px !important;
	}
	.next-question {
    	cursor: pointer;
    	font-weight: bold;
    	position: absolute;
    	bottom: 30px;
    	right: 0px;
	}	
	.btn4 {
		width: 115px;
		font-size: 10px;
	}
	#snail_address {
    	overflow: auto;
    	background-color: #efefef;
    	border: 0;
    	width: 165px;
    	font-size: 10px !important;
	}
	.previous-question {
    	cursor: pointer;
    	font-weight: bold;
    	position: absolute;
    	bottom: 30px;
    	left: 15px;
	}	
	.previous_question_button {
		width: 140px;
		font-size: 10px;
	}
}
@media only screen and (max-width:450px) {

	.mid-banner {
		position: relative;
    	display: flex;
    	justify-content: center;
    	align-items: center;
    	text-align: center;
    	background-color:transparent !important;
    	width:100%;
    	min-height:154px;
	}

	.mid-banner .banner-heading {
		font-size: 14px !important;
		margin-top:10px;
		display: flex;
		flex-direction: column;
    	position: absolute;
    	left: 0;
    	right: 0;
		top: 0;
		bottom:0;
    	justify-content: center;
    	align-items: center;
	}

	.mid-banner .social_background {
		width: 100%;
		height:155px;
	}
	#social-pages .banner-heading img {
		width: auto;
		margin:20px auto 20px;
		text-align: center;
	}
	.social-icons {
		display:flex;
	}

	a.social-icon {
		display:flex;
		margin:0 0px;
	}
	.treatment-line {
		border-right:none;
		border-bottom:1px solid #d0d5d8;
	}
	.treatment-icons {
		display:flex;
		flex-direction: column;
		justify-content: center;
		margin:15px 0px 0px;
	}
	.treatment-icon {
		padding:5px 15px;
		text-align: center;
		width:auto;
	}
	.treatment-icon img {
		width:30px;
		height:30px;
	}
	.treatment-icon-text {
		font-size:11px;
		font-weight:700;
	}
	#host-an-event .btn4 {
		display:flex;
		justify-content: center;
		align-items: center;
		width:200px;
		height:48px;
		border-radius:48px;
		color:white;
		background-color: #f36e63;
		border:2px solid #f36e63;
		font-size:12px;
		font-weight:600;
		transition: all ease .3s;
		white-space: nowrap;
		text-transform:uppercase;
	}	 
	.btn4_center {
		justify-content: center !important;
		align-items: center !important;
		flex-direction: column !important;
		margin-left: -40%;
	}
	.btn-blue-2 {
		-moz-appearance: none;
		-webkit-appearance: none;
		appearance: none;
		border-radius:10px;
		background-color:transparent;
		border:1px solid #6a9cb5;
		font-weight: 600;
		line-height:1.2;
		color:#6a9cb5;
		padding:10px !important;
		margin: 20px auto 0;
		display:block;
		text-align:center;
		width:150px;
	}
	.btn-yellow {
	    width: 100%;
	    font-size: 8.5px;
	    margin-right: 0;
	}
	a.ac-btn {
	    display: flex;
	    width: 100% !important;
	    height: 48px;
	    margin: 0 auto;
		font-size:8.5px !important;
	}
	.btn-pink {
	    width: 100%;
	    font-size: 8.5px;
	    margin: 0 auto;
	}
	.btn-black {
	    width: 100%;
	    font-size: 8.5px;
	    margin-right: 0px;
	}
	.modal-dialog {
		width: 300px !important;
    	margin: 30px auto !important;
	}	
}
@media only screen and (max-width:400px) {
	.quiz-radios .donate-hidden input, .quiz-radios .donate-hidden textarea, .quiz-radios .terminate input {
    	width: 110px;
    	font-size: 10px;
    }
	.question-heading {
		width: 250px;
	}
	.question-heading span {
		font-size: 11px !important;
	}	
	.quiz-radios {
		padding: 0 0 0 5px;
	}	
	.quiz-radios label {
		font-size: 10px;
	}	
	.quiz-form-name {
		font-size: 10px !important;
	}
	.next-question {
    	cursor: pointer;
    	font-weight: bold;
    	position: absolute;
    	bottom: 30px;
    	right: 0px;
	}	
	.btn4 {
		width: 100px;
		font-size: 9px;
	}
	.quiz_address_label {
		position: relative;
		top: -20px;
	}		
	#snail_address {
    	overflow: auto;
    	background-color: #efefef;
    	border: 0;
    	width: 110px;
    	font-size: 9px !important;
	}
	.previous-question {
    	cursor: pointer;
    	font-weight: bold;
    	position: absolute;
    	bottom: 30px;
    	left: 5px;
	}	
	.previous_question_button {
		width: 120px;
		font-size: 9px;
	}
}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
	   only screen and (min-resolution:144dpi) {

}

/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}