/**
 * Stylesheet for AFA Homepage
 * body.home
 * Enqueued only on the homepage
 * 
 * **Important** Also see and make changes to paginaprincipal.css for the page in spanish!
 */



/** homepage .home, .page-alzheimers-foundation-of-america */
/* make font-size in some elements adjust to user preference */
.f-sm .page-alzheimers-foundation-of-america section.welcome .intro-one,
.f-sm .page-alzheimers-foundation-of-america section.welcome .intro-two,
.f-sm .page-alzheimers-foundation-of-america section.featured-programs .text-region p {
	font-size: calc(1rem* 1.05);
}
.f-md .page-alzheimers-foundation-of-america section.welcome .intro-one,
.f-md .page-alzheimers-foundation-of-america section.welcome .intro-two,
.f-md .page-alzheimers-foundation-of-america section.featured-programs .text-region p {
	font-size:  calc(1rem* 1.075);
}
.f-lg .page-alzheimers-foundation-of-america section.welcome .intro-one,
.f-lg .page-alzheimers-foundation-of-america section.welcome .intro-two,
.f-lg .page-alzheimers-foundation-of-america section.featured-programs .text-region p {
	font-size: calc(1rem* 1.25);
}
.f-xl .page-alzheimers-foundation-of-america section.welcome .intro-one,
.f-xl .page-alzheimers-foundation-of-america section.welcome .intro-two,
.f-xl .page-alzheimers-foundation-of-america section.featured-programs .text-region p {
	font-size: calc(1rem* 1.50);
}
.page-alzheimers-foundation-of-america p:empty {
	display: none;
}
.page-alzheimers-foundation-of-america section p {
	margin-bottom: 0;
	height: fit-content;
}
.page-alzheimers-foundation-of-america #content > .container {
	padding-top: 0rem;
	padding-bottom: 3.5rem;
	position: relative;
	max-width: 100%;
	padding-right: 0px;
	padding-left: 0px;
}
.page-alzheimers-foundation-of-america section.welcome,
.page-alzheimers-foundation-of-america section.help-options,
.page-alzheimers-foundation-of-america section.featured-programs,
.page-alzheimers-foundation-of-america section.donation {
	padding-right: 0;
	padding-left: 0;
}
.page-alzheimers-foundation-of-america section.welcome {
	background-image: url('/afa/wp-content/themes/insite-child/img/section-welcome-bg.svg?v=1.0.0');
	background-position: 50% 50%;
	background-size: contain;
	background-repeat: no-repeat;
	--bs-gutter-x: 0;
	--bs-gutter-y: 0;
	width: 100%;
	margin-bottom: -45px;
}
.page-alzheimers-foundation-of-america section.welcome .row {
	transform: translateY(-125px);
}
.page-alzheimers-foundation-of-america section.welcome .col {
	position: relative;
	padding: 0;
}
.page-alzheimers-foundation-of-america section.welcome .welcome-image img {
	margin: 0;
}
.page-alzheimers-foundation-of-america .intro {
	position: relative;
}
.page-alzheimers-foundation-of-america .intro p {
	color: #fff;
	font-weight: 500;
}
.page-alzheimers-foundation-of-america .intro-one {
	position: relative;
	width: 36vw;
	margin-right: 0;
	margin-left: auto;
	margin-top: 6vw;
	background-color: var(--color-b-6);
	padding: 2vw;
	text-align: center;
	color: #fff;
}
.page-alzheimers-foundation-of-america .intro-one p {
	margin-right: auto;
	margin-left: 5%;
	width: 90%;
}
.page-alzheimers-foundation-of-america .intro-two {
	position: relative;
	margin-top: 3vw;
	margin-left: -6vw;
	margin-right: auto;
	background-color: var(--color-a-4);
	width: 82%;
	padding: 2vw 3vw;
	text-align: center;
	color: #fff;
}
.page-alzheimers-foundation-of-america .intro-one p {
	margin-right: auto;
	margin-left: auto;
	width: 80%;
}
/* help options section */
.page-alzheimers-foundation-of-america section.help-options {
	width: 100vw;
	aspect-ratio: 1960 / 687;
	overflow-y: hidden;
	position: relative;
	margin-bottom: 60px;
	/* far background left and right */
	/* background: linear-gradient(to right, #fedc7f 50%, #019ba5 50%); */
	background: linear-gradient(69deg,  #fedc7f 0%,#fedc7f 49.5%,#fff 49.5%,#fff 50.15%,#019ba5 50.15%,#019ba5 100%);
	/* for no darker background left and right... */
	/* background: linear-gradient(69deg,  var(--color-b-9) 0%,var(--color-b-9) 49.5%,#fff 49.5%,#fff 50.15%,var(--color-c-9) 50.15%,var(--color-c-9) 100%); */
}
section.help-options > div.boxed {
	position: relative;
	aspect-ratio: 1920 / 687;
}
section.help-options .row {
	aspect-ratio: 1920 / 687;
	overflow-y: hidden;
	position: relative;
}
.page-alzheimers-foundation-of-america section.help-options .col {
	z-index: 1;
	max-width: 1200px;
}
section.help-options .helpline-column {
	position: relative;
	/* max-width: 800px; */
	margin-right: 0;
	margin-left: auto;
}
section.help-options .helpline-content {
	position: relative;
	/* position: absolute; */
	top: 50%;
	transform: translateY(-50%);
	margin-left: 30%;
	height: 100%;
	/* display: table-cell;
	vertical-align: middle; */
	/* resize: vertical;
	overflow: auto; */
}
section.help-options .helpline-content-inner {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	height: calc(100vw * .28);
	width: 100%;
}
section.help-options .el {
	/* margin-bottom: 1.2vw; */
	position: absolute;
}
section.help-options h3.el.el-one {
	color: #000;
	font-size: 1.9vw;
}
section.help-options .el-two {
	color: #000;
	font-size: 1.3vw;
	font-weight: 700;
	top: 17%;
	left: 14%;
	line-height: 1.2;
}
section.help-options .el-two span {
	display: block;
	position: relative
}
section.help-options .el-two span:nth-of-type(1) {
	left: 4%;
}
section.help-options .el-two span:nth-of-type(2) {
	left: 7.5%;
}
section.help-options .el-three {
	color: #000;
	font-size: 1.3vw;
	font-weight: 500;
	top: 41%;
	left: 27%;
	line-height: 1.2;
}
section.help-options .el-four {
	color: #000;
	font-size: 1.3vw;
	font-weight: 700;
	top: 57.5%;
	left: 35%;
	line-height: 1.2;
}
section.help-options .el-five {
	color: #000;
	font-size: 1.3vw;
	font-weight: 700;
	top: 75%;
	left: 41%;
	line-height: 1.2;
}
section.help-options .el-six {
	color: var(--color-a-4);
	font-weight: 700;
	top: 92%;
	left: 48%;
	line-height: 1.2;
}
.el-six .btn.btn-link {
	color: var(--color-a-4);
	font-size: 1.2vw;
	font-weight: 700;
	text-decoration: none;
	margin-right: .8em;
}
.el-six .btn.btn-link.btn-email {
	margin-right: 0;
}
.el-six .btn.btn-link:hover {
	color: var(--color-a-2);
	text-decoration: underline;
}
.el-six .fa-message {
	transform: translateY(.125em);
}
.entry-content section.help-options .el-four a,
.entry-content section.help-options .el-four a:link,
.entry-content section.help-options .el-five a,
.entry-content section.help-options .el-five a:link {
	color: var(--color-a-4) !important;
	font-weight: 700;
}
.entry-content section.help-options .el-four a:hover,
.entry-content section.help-options .el-five a:hover {
	color: var(--color-a-2) !important;
}
section.help-options .operator-div {
	display: inline-block;
	position: absolute;
	left: 12%;
	top: 39%;
	aspect-ratio: 1 / 1;
	width: 32%;
	z-index: 1;
}
section.help-options img.helpline-operator-image {
	border-radius: 50%;
	border: .65vw solid var(--color-c-5);
}
section.help-options .client-div {
	display: inline-block;
	position: absolute;
	left: 4%;
	top: 21%;
	aspect-ratio: 1 / 1;
	width: 21%;
	z-index: 2;
}
section.help-options img.helpline-client-image {
	border-radius: 50%;
}

.page-alzheimers-foundation-of-america section.help-options .help-options-bg {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 0;
	padding-right: 0;
	padding-left: 0;
}
/* assistant region */
.assistant-column {
	position: relative;
	/* max-width: 800px; */
	margin-right: auto;
	margin-left: 0;
}
.circle-24-7 {
	display: inline-block;
	position: absolute;
	top: 9%;
	left: 39%;
	aspect-ratio: 1 / 1;
	width: 7.2vw;
	padding: .7vw;
	border: 0px solid transparent;
	border-radius: 50%;
	background-color: var(--color-b-4);
	color: #fff;
	font-size: 1.2vw;
	line-height: 1.1;
	font-weight: 500;
	text-align: center;
}
.circle-24-7 p {
	transform: translateY(.2vw);
	margin-bottom: 0;
}
.circle-24-7 span {
	display: block;
	font-size: 1.6vw;
	font-weight: 700;
	line-height: 1;
}
.assistant-afa-logo {
	position: absolute;
	top: 20%;
	left: 10%;
	display: inline-block;
	aspect-ratio: 629.86 / 242.44;
	width: 23%;
}
h4.virtual-assistant {
	position: absolute;
	top: 35%;
	left: 9%;
	display: inline-block;
	line-height: 1;
	color: #000;
	font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1.4vw;
	letter-spacing: .15em;
	width: 47%;
	text-align: center;
}
h4.virtual-assistant span {
	border: 3px solid #000;
	display: inline-block;
}
h4.virtual-assistant span:nth-of-type(1) {
	color: #fff;
	background-color: #000;
	padding: .15vw .1vw .15vw .5vw;
}
h4.virtual-assistant span:nth-of-type(2) {
	padding: .15vw .3vw .15vw .3vw;
}
div.assistant-content {
	position: relative;
	margin-top: 35%;
	left: 8%;
}
.page-alzheimers-foundation-of-america section.help-options p.speak-with {
	font-size: 1.4vw;
	margin-bottom: 1.5vw;
	line-height: 1.2;
	font-weight: 500;
}
ul.assistant-features {
	position: relative;
	left: 2vw;
	font-size: 1.1vw;
	margin-bottom: 2vw;
}
.entry-content ul.assistant-features li::before {
	content: 'L';
	font-weight: 700;
	font-size: 1.2vw;
	display: inline-block;
	transform-origin: center center;
	transform: scale(-1, 1) rotate(-35deg) translateY(0vw) translateX(1.4vw);
	margin-right: .5em;
	position: relative;
	color: var(--color-b-5);
	background-color: transparent;
	width: auto;
	height: auto;
	border-radius: 0;
}
p.start-session {
	position: relative;
	left: 30%;
}
section.help-options .va-avatar-div {
	position: absolute;
	aspect-ratio: 1 / 1;
	width: 32%;
	top: 31%;
	left: 61%;
}
section.help-options  .va-avatar-div img {
	border-radius: 50%;
	border: .65vw solid var(--color-a-4);
}
/* teal-video section */
section.teal-video {
	margin-bottom: 60px;
}
section.teal-video .col {
	max-width: 800px;	
}
section.teal-video .col.first-column {
	margin-right: 0;
	margin-left: auto;
}
section.teal-video .col.second-column {
	margin-right: auto;
	margin-left: 0;	
}
section.teal-video .col.first-column a {
	display: inline-flex;
}
/* featured programs section */
section.featured-programs {
	width: 100vw;
	height: fit-content;
	position: relative;
	margin-bottom: 60px;
	/* far background left and right */
	/* background: linear-gradient(to right, var(--color-b-9) 50%, var(--color-c-9) 50%); */
	/* background: linear-gradient(111deg, var(--color-b-9) 50%, var(--color-c-9) 50%); */
	background: linear-gradient(111deg,  var(--color-b-9) 0%,var(--color-b-9) 49.5%,#fff 49.5%,#fff 50.15%,var(--color-c-9) 50.15%,var(--color-c-9) 100%);

}
section.featured-programs .row {
}
section.featured-programs .col {
	padding: 45px 45px;	
	max-width: 1100px;
}
section.featured-programs .first-column {
	/* background-color: var(--color-b-9); */
	margin-right: 0;
	margin-left: auto;
}
section.featured-programs .first-column .text-region {
	position: relative;
	z-index: 2;
	width: 67%;
	max-width: 100%;
	margin: -100px auto 0 auto;
	transform: translateX(-16%);
	padding: 30px 45px;
	background-color: hsl(44 100% 48% / 0.9);
	color: #000;
}
section.featured-programs .first-column .text-region h3 {
	color: #000;
	margin-bottom: 1.5rem;
}
.entry-content section.featured-programs .first-column .text-region a:link {
	color: var(--color-a-3) !important;
	font-weight: 700;
}
section.featured-programs .second-column {
	/* background-color: var(--color-c-9); */
	margin-right: auto;
	margin-left: 0;
	padding-left: 3vw;
}
section.featured-programs .second-column .image-holder {
	width: 87%;
	margin: 0 0 0 auto;
}
section.featured-programs .second-column .text-region {
	position: relative;
	z-index: 2;
	width: 62%;
	max-width: 100%;
	margin: -60px auto 0;
	padding: 30px 45px;
	background-color: hsl(184 80% 20% / 0.85);
	color: #fff;
}
section.featured-programs .second-column .text-region h3 {
	color: #fff;
	margin-bottom: 1.5rem;
}
.entry-content section.featured-programs .second-column .text-region a,
.entry-content section.featured-programs .second-column .text-region a:link {
	color: var(--color-c-7) !important;
	font-weight: 700;
}
/* slider section */
section.slider {
	margin-bottom: 60px;
}
.carousel-item {
	/* padding: 0 15px; */
}
.carousel-item .item-inner {
	/* aspect-ratio: 1 / 1.1; */
	position: relative;
}
.carousel img {
	/* max-width: 90%;
	width: 84%; */
	border: 20px solid #fff;
	display: block;
}
.carousel-caption {
	text-align: center;
	position: relative;
	width: 80%;
	max-width: 100%;
	padding: 0 0 1.25rem 0;
	margin-left: -18px;
	opacity: 1;
	transition: opacity .5s linear;
}
.carousel-caption.invisible {
	opacity: 0;
}
.carousel-caption h4 {
	text-align: left;
	font-size: 1.2rem;
	min-height: 3.2rem;
}
.carousel-caption h4 a {
	color: inherit;
}
.carousel-caption p {
	color: #000;
	text-align: left;
	font-size: 1.1rem;
	line-height: 1.4;
}
.entry-content .carousel-caption h4 a,
.entry-content .carousel-caption p a {
	color: inherit !important;
	display: inline-block;
}
div.carousel-caption p a span {
	color: var(--color-link);
	display: block;
}
.entry-content a.carousel-control-next, a.carousel-control-prev,
.entry-content a.carousel-control-next:link, a.carousel-control-prev:link {
	width: 6%;
	color: var(--color-a-4) !important;
	font-size: 3.0rem;
	align-items: end;
	bottom: -30px;
	opacity: 1;
}
.entry-content a.carousel-control-next:hover, a.carousel-control-prev:hover {
	color: var(--color-b-5) !important;
}
.entry-content a.carousel-control-next:focus, a.carousel-control-prev:focus {
	box-shadow: 0 0 0 0 transparent;
}
.carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
    display: flex;
}

/* medium and up screens */
@media (min-width: 768px) {
    
    .carousel-inner .carousel-item-end.active,
    .carousel-inner .carousel-item-next {
      transform: translateX(25%);
    }
    
    .carousel-inner .carousel-item-start.active, 
    .carousel-inner .carousel-item-prev {
      transform: translateX(-25%);
    }
}

.carousel-inner .carousel-item-end,
.carousel-inner .carousel-item-start { 
  transform: translateX(0);
}

/* video section */

/* .page-alzheimers-foundation-of-america section.social-area */
.embed-container { 
  position: relative; 
  padding-bottom: 56.25%; 
  height: 0; 
  overflow: hidden; 
  max-width: 100%; 
} 

/* donation section */
section.donation {
	margin-bottom: 60px;
}
section.donation .col-support {
	aspect-ratio: 1.8 / 1;
	background-image: url('/afa/wp-content/themes/insite-child/img/homepage-support-bg.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 0% 50%;
}
section.donation .support-text-region {
	width: 30%;
	margin: 45px 60px 45px auto;
	color: #fff;
	/* font-size: 1.15rem; */
	font-size: calc(1em * 1.15);
	line-height: 1.7;
	font-weight: 500;
}
section.donation .support-text-region h3 {
	color: #fff;
	margin: 5vw 0 1.5rem;
	font-size: 2.5vw;
}
section.donation .support-text-region a.btn {
	display: block;
	margin: 0 auto 0 60px;
}
section.donation .col-help {
	padding: 3vw 6vw 1vw 5vw;
}
section.donation .col-help h3 {
	font-size: 4vw;
	margin-bottom: 2vw;
}
section.donation .col-help h3 span {
	font-size: 2.5vw;
	color: #000;
}
section.donation .col-help p {
	font-size: 1.15rem;
	font-size: calc(1em * 1.15);
	line-height: 2.2;
	font-weight: 500;
	margin-bottom: 2vw;
}
section.donation .col-help p:nth-of-type(2) {
	padding-right: 3vw;
}
section.donation .col-help p span {
	display: inline-block;
	font-size: 2.2rem;
	color: var(--color-b-4);
	font-weight: 700;
	line-height: 1;
}
section.donation .btn.btn-fancy::before {
	border-left: 16px solid var(--color-c-6);
}
section.donation .btn.btn-fancy:hover::before {
	border-left: 16px solid var(--color-h-6);
}
/* section social area */
.page-alzheimers-foundation-of-america section.social-area,
.page-alzheimers-foundation-of-america section.teal-video {
	background-image: url('/afa/wp-content/themes/insite-child/img/section-social-bg.svg?v=1.0.1');
	background-position: 50% 50%;
	background-size: cover;
	background-repeat: no-repeat;
	--bs-gutter-x: 0;
	--bs-gutter-y: 0;
	width: 100%;
}
section.social-area .row {
	padding: 2px 0;
}
section.social-area .col {
	outline: 2px solid var(--color-g-6);
	background-color: #fff;
	margin: 0 1vw;
}
.page-alzheimers-foundation-of-america  .heateor_sss_sharing_container {
	display: none;
}
.page-alzheimers-foundation-of-america section.social-area .heateor_sss_sharing_container {
	display: block;
	margin-top: 0;
}
section.social-area .heateor_sss_sharing_container .heateor_sss_sharing_title {
	font-weight: 500 !important;
	font-style: italic;
	font-size: 1.2rem;
}
.col-feed {
	max-height: 600px;
	overflow-y: scroll;
}
.col-feed h4 {
	text-align: center;
	margin-top: 0;
	margin-bottom: 1rem;
}
.col-share.col-feed h4 {
	margin-bottom: 4px;
}
.col-share h4 img {
	display: inline-block;
	transform: translateY(-4px);
	margin: 0;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* !! BREAKPOINTS - see: http://v4-alpha.getbootstrap.com/layout/overview/ */
/* We are using the same breakpoins as Bootstrap */
/* We are using the max-width version */
/* This means that we are using a mobile-LAST implementation */
/* Code for ALL devices appears ABOVE the breakpoint rules;
   Code for specific, progressively smaller, devices appears within the breakpoint rules. */
/* Bootstrap breakpoints are identified as xl, lg, md, sm, xs */

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* VERY Jumbo devices (large desktops 2304px or larger) - NOT a Bootstrap breakpoint */
@media (min-width: 2304px) {
	/* code for jumbo screen goes here when needed */
	section.help-options .boxed.boxed-xxl,
	section.featured-programs .boxed.boxed-xxl {
		max-width: calc(var(--boxed-width-xxl) * 1.10);
	}
}

/* Jumbo devices (large desktops 1921px or larger) - NOT a Bootstrap breakpoint */
@media (min-width: 1921px) and (max-width: 2303px) {
	/* code for jumbo screen goes here when needed */
	section.help-options .boxed.boxed-xxl,
	section.featured-programs .boxed.boxed-xxl {
		max-width: calc(var(--boxed-width-xxl) * 1.05);
	}
}

/* Extra large devices bootstrap xxl (large desktops 1400px or larger) */
/* No media query since the extra-large breakpoint has no upper bound on its width */
/* Code for ALL devices goes BEFORE this point. */

/* We use a state indicator to synch these breakpoints with our custom.js
 * We use javascript to perform various tasks based on the visitors' browser window state.
 * See our custom.js file for details. 
 * We also use a visible state indicator for logged in admins for ease of theming.
 * See Insite parent theme for details.
 */
/* devices in LANDSCAPE mode */
@media (orientation: landscape) {}

/* devices in PORTRAIT mode */
@media (orientation: portrait) {}

/* Extra Extra Large devices - Bootstrap xxl (more or less)
 * (less than 1921px:
 * roughly large desktops */
@media (min-width: 1600px) and (max-width: 1920px) {
	/* xxl styles go here */
	section.donation .support-text-region {
		text-shadow: 3px 3px 5px #000;
		background-color: rgb(46 3 8 / 30%);
		padding: 0 2rem;
		margin: 40px 50px 40px auto;
		font-size: calc(1em * 1.05);
	}
	section.donation .support-text-region h3 {
		margin: 3.0vw 0 1.5rem;
		font-size: 2.3vw;
		padding-top: 10px;
	}
	section.donation .support-text-region p:last-of-type {
		padding-bottom: 15px;
	}
}
@media (min-width: 1400px) and (max-width: 1599px) {
	section.donation .col-support {
		background-position: 18% 50%;
	}
	section.donation .support-text-region {
		text-shadow: 3px 3px 5px #000;
		background-color: rgb(46 3 8 / 30%);
		padding: 0 2rem;
		margin: 40px 30px 40px auto;
		font-size: calc(1em * 0.95);
		line-height: 1.6;
		width: 27%;
	}
	section.donation .support-text-region h3 {
		margin: 3.0vw 0 1.5rem;
		font-size: 2.3vw;
		padding-top: 10px;
	}
	section.donation .support-text-region p:last-of-type {
		padding-bottom: 15px;
	}
	section.donation .support-text-region a.btn {
		margin: 0 auto 0 14px;
	}
}
/* Extra Large devices - Bootstrap xl
 * (less than 1400px:
 * roughly large-ish desktops, large tablets in landscape mode, and everything smaller) */
@media (min-width: 1200px) and  (max-width: 1399px) {
	.page-alzheimers-foundation-of-america .intro-one {
		margin-top: 7vw;
	}
	/* AI Assistant region */
	.circle-24-7 {
		top: 7%;
	}
	.assistant-afa-logo {
		top: 15%;
	}
	h4.virtual-assistant {
		top: 30%;
	}
	div.assistant-content {
		margin-top: 30%;
	}
	/* Donation section */
	section.donation .col-support {
		background-position: 18% 50%;
	}
	section.donation .support-text-region {
		text-shadow: 3px 3px 5px #000;
		background-color: rgb(46 3 8 / 30%);
		padding: 0 2rem;
		margin: 40px 30px 40px auto;
		font-size: calc(1em * 0.95);
		line-height: 1.6;
		width: 27%;
	}
	section.donation .support-text-region h3 {
		margin: 3.0vw 0 1.5rem;
		font-size: 2.3vw;
		padding-top: 10px;
	}
	section.donation .support-text-region p:last-of-type {
		padding-bottom: 15px;
	}
	section.donation .support-text-region a.btn {
		margin: 0 auto 0 14px;
	}
	section.donation .col-help {
			padding: 3vw 0vw 1vw 2vw;
	}
}

/* Large devices - Bootstrap lg
 * (less than 1200px:
 * roughly smallish desktops, tablets in landscape mode, and everything smaller) */
@media (max-width: 1199px) {
	
}

/* RARE - Large devices (desktops, 992px to 1199px ONLY) */
/** !!!TEMP - revert to next line after working
@media (min-width: 991px) and (max-width: 1199px) {  */
@media (min-width: 768px) and (max-width: 1199px) { 
	/* just larger than iPad code goes here */
	#content > .container {
		width: 100vw;
	}
	div.top-col.top-tools {
		justify-content: right;
	}
	.page-alzheimers-foundation-of-america section.welcome .row {
		transform: translateY(-60px);
	}
	.page-alzheimers-foundation-of-america .intro-one {
		margin-top: 6vw;
	}
	.page-alzheimers-foundation-of-america .intro-two {
		margin-top: 2vw;
	}
	/* AI Assistant region */
	.circle-24-7 {
		top: 7%;
	}
	.assistant-afa-logo {
		top: 15%;
	}
	h4.virtual-assistant {
		top: 30%;
	}
	div.assistant-content {
		margin-top: 30%;
	}
	/* Featured Programs region */
	section.featured-programs .first-column .text-region {
		width: 72%;
		transform: translateX(-11%);
	}
	section.featured-programs .second-column {
		transform: translateY(30px);
	}
	section.featured-programs .second-column .text-region {
		width: 70%;
		transform: translateX(35px);
	}
	/* Carousel section */
	.carousel-caption {
		margin-left: -10px;
	}
	.carousel-caption p {
		font-size: .95rem;
		line-height: 1.5;
	}
	/* Donation section */
	section.donation .col-support {
		background-position: 18% 50%;
		display: flex;
	}
	section.donation .support-text-region {
		text-shadow: 3px 3px 5px #000;
		background-color: rgb(46 3 8 / 30%);
		padding: 0 2rem;
		margin: auto 10px 0px 10px;
		font-size: calc(1em * 0.95);
		line-height: 1.5;
		width: 97%;
		display: inline-flex;
		flex-direction: column;
		justify-content: flex-end;
	}
	section.donation .support-text-region h3 {
		margin: .5vw 0 1rem;
		font-size: 2.3vw;
		padding-top: 10px;
	}
	.page-alzheimers-foundation-of-america section p.mb-5 {
		margin-bottom: 1rem !important;
	}
	section.donation .support-text-region p:last-of-type {
		padding-bottom: 15px;
	}
	section.donation .support-text-region a.btn {
		margin: 0 10px 10px auto;
		width: fit-content;
	}
	section.donation .col-help {
			padding: 3vw 0vw 1vw 2vw;
	}
	section.donation .col-help p {
		font-size: calc(1em * 1.1);
		line-height: 2.1;
		margin-bottom: 2vw;
	}
	section.donation .col-help p:nth-of-type(2) {
		padding-right: 3vw;
		margin-bottom: 4vw;
	}
	
}

/* Medium devices (usually standard tablets, 769px to 1024px ONLY) */
@media (min-width: 769px) and (max-width: 1024px) {
	
}
/* Standard iPad and small tablets in portrait orientation */
@media (max-width: 991px) and (orientation: portrait) {
	
}
/* Safari 9+ (iOS Only) */
@supports (-webkit-touch-callout: none) {
  /* CSS for iOS devices only */ 
  @media (max-width: 991px) and (min-width: 544px) and (orientation: portrait) {
  	section.donation.is-ios .support-text-region {
  		color: initial;
  		margin: 0px 0px;
		width: 100%;
		padding: 0 45px 0 45px;
  	}
  }
}

/* Medium devices - Bootstrap md
 * (less than 992px: 
 * roughly tablets in portrait mode and some large phones in landscape mode, and all smaller) */
@media (max-width: 991px) {
}

/* RARE - Medium devices (usually tablets, 768px to 991px ONLY) */
@media (min-width: 768px) and (max-width: 991px) {}

/* Tall narrow phone in landscape mode - like iphonex */
@media (max-width: 991px) and (orientation: landscape) {}

/* Small devices - Bootstrap sm
 *  (less than 768px:
  * roughly phones in lndscape mode and anything smaller) */
@media (max-width: 769px) {
	html, body {
		
	}
	aside#content-top {
		z-index: 2;
	}
	#primary {
		padding: 0;
	}
	.row.content-row {
		padding-right: 0;
		padding-left: 0;
	}
	section.welcome .row,
	section.help-options .row,
	section.teal-video .row,
	section.featured-programs {
		display: flex;
		flex-direction: column;
		align-content: space-around;
		align-items: center;
	}
	section.welcome .row .col-md-7,
	section.welcome .row .col-md-5 {
		width: 100vw;
	}
	/* section.welcome */
	.page-alzheimers-foundation-of-america .intro-one {
		margin-top: -6vw;
		width: 90vw;
		margin-right: 2vw;
	}
	.page-alzheimers-foundation-of-america .intro-two {
		margin-top: 2vw;
		width: 90vw;
		margin-left: 2vw;
	}
	/* section.help-options */
	.page-alzheimers-foundation-of-america section.help-options {
		width: 100vw;
		aspect-ratio: auto;
		overflow-y: hidden;
		position: relative;
		margin-bottom: 60px;
		background: linear-gradient(69deg, #fedc7f 0%, #fedc7f 49.5%, #fff 49.5%, #fff 50.15%, #019ba5 50.15%, #019ba5 100%);
		background: none;
	}
	section.help-options .row {
		aspect-ratio: auto;
		overflow-y: hidden;
		position: relative;
	}
	.help-options-bg {
		display: none;
	}
	section.help-options .row .col-md-6 {
		width: 100vw;
		max-width: 100vw;
		overflow: hidden;
	}
	section.help-options .helpline-column {
		margin: 0 0 15px;
		padding-top: 15px;
		padding-left: 40%;
		padding-bottom: 45px;
		background-color: var(--color-b-9);
	}
	section.help-options .client-div {
		left: 10%;
		top: 3%;
		width: 16%;
	}
	section.help-options .operator-div {
		left: 20%;
		top: 19%;
		width: 26%;
	}
	section.help-options .helpline-content {
		position: relative;
		top: 0%;
		transform: translateY(0%);
		margin-left: 50px;
		height: 100%;
	}
	section.help-options .helpline-content-inner {
		position: relative;
		top: 0%;
		transform: translateY(-0%);
		width: auto;
	}
	section.help-options .el {
		position: relative;
	}
	section.help-options h3.el.el-one {
		color: #000;
		font-size: 2.5vw;
	}
	section.help-options .el-two {
		font-size: 1.75vw;
		font-weight: 700;
		top: 0;
		margin-top: .5em;
		left: 0;
		margin-left: 20px;
		line-height: 1.2;
	}
	section.help-options .el-three {
		font-size: 1.75vw;
		font-weight: 500;
		top: 0;
		margin-top: .5em;
		left: 0;
		margin-left: 75px;
		line-height: 1.2;
	}
	section.help-options .el-four {
		font-size: 1.75vw;
		top: 0;
		margin-top: .5em;
		left: 0;
		margin-left: 105px;
		line-height: 1.2;
	}
	section.help-options .el-five {
		font-size: 1.75vw;
		font-weight: 700;
		top: 0;
		margin-top: .5em;
		left: 0;
		margin-left: 148px;
		line-height: 1.2;
	}
	section.help-options .el-six {
		font-weight: 700;
		font-size: 1.75vw;
		top: 0;
		margin-top: .5em;
		left: 0;
		margin-left: 186px;
		line-height: 1.2;
	}
	.el-six .btn.btn-link {
		font-size: inherit;
	}
	.page-alzheimers-foundation-of-america section.help-options .assistant-column {
		position: relative;
		max-width: 100vw;
		width: 100vw;
		padding: 30px 0 30px;
		margin: 0 0 15px;
		background-color: var(--color-c-9);
		overflow: hidden;
	}
	.assistant-afa-logo {
		top: 6%;
	}
	h4.virtual-assistant {
		top: 29%;
		left: -4%;
	}
	div.assistant-content {
		margin-top: 14%;
		left: 10%;
	}
	.page-alzheimers-foundation-of-america section.help-options p.speak-with {
		font-size: 1.75vw;
	}
	ul.assistant-features {
		position: relative;
		left: 10%;
		font-size: 1.75vw;
	}
	.entry-content section.help-options ul li {
		margin-left: 2em;
		text-indent: -.5em;
	}
	.entry-content ul.assistant-features li::before {
		font-size: 2vw;
		transform: scale(-1, 1) rotate(-35deg) translateY(0.5vw) translateX(1.0vw);
		margin-right: .5em;
	}
	p.start-session {
		left: 35%;
	}
	section.help-options .va-avatar-div {
		width: 32%;
		top: 10%;
		left: 61%;
	}
	/* section.teal-video */ 
	.page-alzheimers-foundation-of-america section.teal-video {
		width: 100vw;
	}
	section.teal-video .col-md-6 {
		width: 90vw;
		max-width: 100vw;
	}
	section.teal-video .col.first-column {
		width: 70vw;
		margin-right: auto;
		margin-left: auto;
	}
	/* section.featured-programs */
	section.featured-programs .col-md-6 {
		width: 100vw;
		max-width: 100vw;
	}
	section.featured-programs .first-column {
		padding-left: 0;
	}
	section.featured-programs .first-column .text-region {
		width: 77%;
		transform: translateX(-6%);
	}
	section.featured-programs .first-column .text-region p,
	section.featured-programs .second-column .text-region p {
		font-size: 1.75vw;
	}
	section.featured-programs .second-column {
		transform: translateY(0px);
		padding-top: 0;
		padding-right: 0;
	}
	section.featured-programs .second-column .image-holder {
		width: 96%;
		margin: 0 0 0 auto;
	}
	section.featured-programs .second-column .text-region {
		width: 70%;
		transform: translateX(55px);
	}
	/* section.slider */
	section.slider .col-md-2 {
		width: 25% !important;	
	}
	/* section.donation */
	section.donation .support-text-region {
		margin: 20px 18px 15px auto;
		width: 40%;
	}
	section.donation .col-help {
		padding: 3vw 10vw 0vw 10vw;
	}
	/* section.social-area */
	section.social-area .row {
		padding: 2px 15px;
	}
	
	
	
	
	/* .page-alzheimers-foundation-of-america section.social-area */
}

/* RARE - Small devices (portrait iPad, landscape phones, 544px to 768px ONLY) */
@media (min-width: 544px) and (max-width: 768px) {
	body.show-width .state-indicator {
		right: 90px;
		height: 20px;
		width: 20px;
	}
}
/* like iphone 6/7/8 */
@media (max-width: 767px) and (orientation: landscape) {
}
/* like iphone 5 */
@media (max-width: 568px) and (orientation: landscape) {
}
/* bootstrap override */
@media (min-width: 576px) {}
/* Extra small devices - Bootstrap xs
 *  (less than 544px: typically phones in portrait mode) */
@media (max-width: 543px) {
	.page-alzheimers-foundation-of-america section.welcome .row {
		transform: translateY(-6px);
	}
	aside#content-top {
		transform: translateY(20px);
	}
	div.top-col.top-tools {
		/* margin-right: 0;
		margin-top: 6px;
		visibility: hidden; */
	}
	div.font-toggler, div.top-col.top-tools > section#polylang-2 {
		/* visibility: hidden; */
	}
	.page-alzheimers-foundation-of-america section.welcome {
		margin-bottom: 30px;
	}
	section.help-options .helpline-column {
		padding-bottom: 15px;
		padding-left: 33%;
	}
	section.help-options .helpline-content {
		margin-left: 20px;
	}
	section.help-options .operator-div {
		left: 20%;
		top: 35%;
	}
	section.help-options .client-div {
		left: 10%;
		top: 25%
	}
	section.help-options .helpline-content-inner {
		height: auto;
	}
	section.help-options .helpline-column h3.el.el-one {
		font-size: 1rem;
	}
	section.help-options .helpline-column p.el {
		font-size: inherit;
	}
	section.help-options .el-two {
		margin-top: .5rem;
		margin-left: 20px;
	}
	section.help-options .el-three {
		margin-top: .5rem;
		margin-left: 45px;
	}
	section.help-options .el-four {
		margin-top: .5rem;
		margin-left: 60px;
	}
	section.help-options .el-five {
		margin-top: .5rem;
		margin-left: 80px;
	}
	section.help-options .el-six {
		margin-top: .5rem;
		margin-left: 100px;
	}
	section.help-options .va-avatar-div {
		width: 28%;
		top: 2%;
		left: auto;
		right: 8%;
	}
	h4.virtual-assistant {
		top: 20%;
		left: 3%;
		font-size: .75rem;
	}
	.page-alzheimers-foundation-of-america section.help-options p.speak-with {
		font-size: inherit;
	}
	ul.assistant-features {
		font-size: inherit;
		left: 5%;
	}
	p.start-session {
		left: auto;
		text-align: center;
		transform: translateY(10px);
		transform-origin: center;
	}
	section.teal-video .col.first-column {
		width: 90vw;
	}
	section.teal-video .col.first-column a img.alignnone {
		margin: 0.313rem auto 1.25rem auto;
	}
	section.featured-programs .first-column,
	section.featured-programs .second-column {
		padding-left: 0;
		padding-right: 0;
	}
	section.featured-programs .first-column .text-region,
	section.featured-programs .second-column .text-region {
		width: 92vw;
		transform: translateX(0%);
		padding: 10px 30px 15px;
		margin-top: -75px;
	}
	section.featured-programs .first-column .text-region p, section.featured-programs .second-column .text-region p {
		font-size: inherit !important;
	}
	section.featured-programs .second-column .image-holder {
		width: 100vw;
		margin: 0 0 0 0;
	}
	section.slider {
		padding-right: 6vw;
		padding-left: 6vw;
	}
	.carousel-item {
		min-width: 400px;
		padding-left: 0;
	}
	.carousel-control-next {
		right: 5%;
		left: auto;
	}
	.carousel-control-prev {
		left: 5%;
		right: auto;
	}
	section.donation .col-support {
		background-size: contain;
		background-position: 0% 0%;
	}
	section.donation .support-text-region {
		margin: 60vw 3vw 15px 3vw;
		width: 94vw;
		color: initial;
		font-size: 1.1rem;
	}
	section.donation .support-text-region h3 {
		color: #fff;
		margin: -50vw 3vw 43vw auto;
		text-align: right;
		font-size: 7vw;
	}
	.support-text-region p.mb-5 {
		margin-bottom: 1rem !important;
		padding-right: 15px;
		padding-left: 15px;
	}
	section.donation .support-text-region a.btn {
		margin: 0 5vw 0 5vw;
	}
	section.donation .col-help h3 {
		font-size: 10vw;
	}
	section.donation .col-help h3 span {
		font-size: 5vw;
	}
	section.social-area .col {
		outline: 1px solid var(--color-g-6);
		background-color: #fff;
		margin: 0 4vw 15px;
		width: 92vw;
	}
	.col-feed:nth-of-type(2),
	.col-feed:nth-of-type(3) {
		max-height: 500px;
		overflow-y: scroll;
	}
}
/* Extra EXTRA small devices - no Bootstrap size
 *  (less than 375px: typically small phones in portrait mode) */
@media (max-width: 375px) {
	section.help-options .va-avatar-div {
		right: 15px;
	}
	h4.virtual-assistant {
		top: 18%;
		left: 5%;
		font-size: .75rem;
	}
	.entry-content section.help-options ul li {
		margin-left: 2em;
		text-indent: -2em;
	}
	.entry-content ul.assistant-features li::before {
		display: none;	
	}
	.carousel-item {
		min-width: 356px;
		padding-left: 0;
	}
}
/* Safari 9+ (iOS Only) */
@supports (-webkit-touch-callout: none) {
  /* CSS for iOS devices only */ 
     section.donation.not-ios { display:none; } 
	 section.donation.is-ios { display:block; } 
	 section.donation.is-ios img {
	 	 max-width: 100%;
	 	 margin: 0 auto;
	 }
	 section.donation.is-ios div.support-text-region {
	 	margin-top: 0; 
	 	margin-bottom: 20px;
	 }
	#secondary .widget, #tertiary .widget {
		max-height: max-content;
		min-height: fit-content;
	}
}
@supports not (-webkit-touch-callout: none) {
  /* CSS for other than iOS devices */ 
     section.donation.is-ios { display:none; } 
     section.donation.not-ios { display:block; }
}
/* Extra EXTRA small devices - no Bootstrap size
 *  (less than 321px: typically very very small phones in portrait mode) */
@media (max-width: 321px) {
	section.help-options .helpline-content {
		margin-left: 0px;
	}
	section.help-options .operator-div {
		left: 15%;
		top: 45%;
	}
	section.help-options .client-div {
		left: 6%;
		top: 38%;
	}
	section.help-options .va-avatar-div {
		right: 15px;
		width: 24%;
		top: 1%;
	}
	h4.virtual-assistant {
		top: 17%;
		left: 8%;
		font-size: .75rem;
	}
	.carousel-item {
		min-width: 308px;
		padding-left: 0;
	}
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* end of breakpoints code */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */