/* Some Google Fonts 
  <link href="https://fonts.googleapis.com/css?family=Montserrat:400,500,600|Amiri:400|Open+Sans:400|Great+Vibes" rel="stylesheet"> */
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v12/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2');
  src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v12/JTUSjIg1_i6t8kCHKm459WlhzQ.woff) format('woff');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v12/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
  src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v12/JTUSjIg1_i6t8kCHKm459WlhzQ.woff) format('woff');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: local('Montserrat Medium'), local('Montserrat-Medium'), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_ZpC3gfD_u50.woff2) format('woff2');
  src: local('Montserrat Medium'), local('Montserrat-Medium'), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_ZpC3gnD-A.woff) format('woff');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: local('Montserrat Medium'), local('Montserrat-Medium'), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_ZpC3gnD_g.woff2) format('woff2');
  src: local('Montserrat Medium'), local('Montserrat-Medium'), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_ZpC3gnD-A.woff) format('woff');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_bZF3gfD_u50.woff2) format('woff2');
  src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_bZF3gnD-A.woff) format('woff');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_bZF3gnD_g.woff2) format('woff2');
  src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_bZF3gnD-A.woff) format('woff');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family:"Open Sans";
  src:url("https://use.typekit.net/af/8c3639/00000000000000007735a07c/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff2"),url("https://use.typekit.net/af/8c3639/00000000000000007735a07c/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff"),url("https://use.typekit.net/af/8c3639/00000000000000007735a07c/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("opentype");
  font-display:auto;font-style:normal;font-weight:600;font-stretch:normal;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFW50bbck.woff2) format('woff2');
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFVZ0d.woff) format('woff');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFVZ0b.woff2) format('woff2');
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFVZ0d.woff) format('woff');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Amiri';
  font-style: normal;
  font-weight: 400;
  src: local('Amiri Regular'), local('Amiri-Regular'), url(https://fonts.gstatic.com/s/amiri/v10/J7aRnpd8CGxBHpUgtLMA7w.woff2) format('woff2');
  src: local('Amiri Regular'), local('Amiri-Regular'), url(https://fonts.gstatic.com/s/amiri/v10/J7aRnpd8CGxBHpUutLU.woff) format('woff');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Amiri';
  font-style: normal;
  font-weight: 400;
  src: local('Amiri Regular'), local('Amiri-Regular'), url(https://fonts.gstatic.com/s/amiri/v10/J7aRnpd8CGxBHpUutLM.woff2) format('woff2');
  src: local('Amiri Regular'), local('Amiri-Regular'), url(https://fonts.gstatic.com/s/amiri/v10/J7aRnpd8CGxBHpUutLU.woff) format('woff');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Great Vibes';
  font-style: normal;
  font-weight: 400;
  src: local('Great Vibes'), local('GreatVibes-Regular'), url(https://fonts.gstatic.com/s/greatvibes/v5/RWmMoKWR9v4ksMfaWd_JN9XLiaQ6DQ.woff2) format('woff2');
  src: local('Great Vibes'), local('GreatVibes-Regular'), url(https://fonts.gstatic.com/s/greatvibes/v5/RWmMoKWR9v4ksMfaWd_JN9XFiaI.woff) format('woff');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Great Vibes';
  font-style: normal;
  font-weight: 400;
  src: local('Great Vibes'), local('GreatVibes-Regular'), url(https://fonts.gstatic.com/s/greatvibes/v5/RWmMoKWR9v4ksMfaWd_JN9XFiaQ.woff2) format('woff2');
  src: local('Great Vibes'), local('GreatVibes-Regular'), url(https://fonts.gstatic.com/s/greatvibes/v5/RWmMoKWR9v4ksMfaWd_JN9XFiaI.woff) format('woff');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

body {
 padding:0;
 margin:0;
 font-family: "Open Sans",sans-serif;
 font-weight:400;
 line-height:1.375;
 color:#000;
 background:white;
 transition: 0.5s;
 -webkit-print-color-adjust: exact;
}
body .ie-only {
 display:none;
}
body.ms-ie .ie-only {
 display:inline;
}

section {
 page-break-after: always;
}
section.constrained-static .container {
 max-width:76em;
}
body.landscape-right main section {
 padding-right:env(safe-area-inset-right); /* for iPhone X Notch */
}
p, article {
 font-family: "Open Sans",sans-serif;
 font-size:1em;
 line-height: 1.5;
}
a {
 color:#99662F;
 font-weight:600;
 text-decoration:none;
 transition: background .15s,color .15s;
}
p a, article .content a:not(.button) {
 /* the next two lines give a thicker grey underline instead of the default underline */
 border-bottom:1px solid #99662F;
}
p a:hover, article .content a:not(.button):hover {
 color: #99662F;
 border-bottom:1px solid #99662F;
}
ul li p {
 margin:0 0 0.5em 0;
}
.color-accent {
 color: #99662f;
}
.color-main {
 color: #354c65;
}
.color-grayed {
 color: #9F9F9F;
}
.color-white {
 color: white;
}
.background-grayed {
 background: #EFF5F6;
}
.background-grayed-2 {
 background: #f5f5f5;
}
.bold {
 font-weight: bold;
}
.underline {
 text-decoration: underline;
}
.text-center {
 text-align: center;
}
.italic {
 font-style: italic;
}
.full-width {
 width: 100%;
 max-width: unset;
}
hr.hr-short {
 width: 17px;
 color: #354C64;
 margin: 15px 0;
 height: 1px;
 background: #354C64;
}
.border-rounded {
 border-radius: 20px;
}
.border-rounded-2 {
 border-radius: 10px;
}
.border-gray {
 border: 1px solid #bcbcbc;
}
img {
 vertical-align:middle;
}
article .content img {
 width:100%;
 -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3);
 -moz-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3);
 box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3);
}

article .content .celeb {
 overflow:hidden;
 background: #f8f8f8;
 margin-bottom:1em;
 padding: 1em 1.5em;
}
article .content .celeb h4 {
 margin-bottom:0.5em;
 margin-top:0.5em;
 text-align:center;
}
article .content .celeb img {
 float:left;
 margin-right:1.5em;
 width:160px;
}
article .content p.quote {
 font-style:italic;
}
article .content span.quote::before,
article .content p.quote::before {
 content: "\201C";
}
article .content span.quote::after,
article .content p.quote::after {
 content: "\201D";
}
article .content .celebList {
 column-count:2;
}
article .star-separator.end-article {
 text-align: center;
 margin: 3.5em auto !important;
}
article .star-separator.end-article  img {
 box-shadow: none;
}

figure {
 margin:0;
 -webkit-margin-before: 0;
 -webkit-margin-after: 0;
 -webkit-margin-start: 0;
 -webkit-margin-end: 0;
 position:relative; /* without this and z-index:0 figure always on top layer */
 page-break-inside: avoid;
}

/* right side navigation buttons */
.overlay-btn {
 display: none;
 position: fixed;
 bottom: 50%;
 right: -20px;
 margin-right:0;
 z-index: 450;  /* below the sidenav */
 border: none;
 outline: none;
 background: rgba(53,76,100, 0.5);
 color: #fff;
 cursor: pointer;
 padding: 6px;
 border-radius: 6px;
 font-size:0.9em;
 transform: rotate(270deg) translateY(-25px);
}
.favorite-icon {
 position: absolute;
 bottom:0;
 font-size:2em;
 color:rgba(0,0,0, 0.3);
 cursor: pointer;
 padding:5px;
}
.fp-list figure .favorite-icon {
 font-size:1em;
 bottom:0.25em;
}
/* the favorite button on the left */
#favorite-btn {
 display: none;
 position: fixed;
 right: -0.15em;
 bottom: 66%;
 font-size:1.7em;
 color:rgba(0,0,0, 0.4);
 cursor: pointer;
 z-index: 450;  /* below the sidenav */
 margin-right:0;
}
.favorite-icon.favorite,
#favorite-btn.favorite {
 color:rgba(255,0,0,0.5);
}

body.landscape-right #related-btn,
body.landscape-right #search-btn,
body.landscape-right #favorite-btn,
body.landscape-right #top-btn,
body.landscape-right #freeinfo-btn,
body.landscape-right #photo-btn,
body.landscape-right #contact-btn {
 margin-right:env(safe-area-inset-right); /* for iPhone X Notch */
}

#top-btn.overlay-btn {
 bottom: 27%;
 right: -26px;
}

#freeinfo-btn.overlay-btn {
 bottom: 20%;
 right: -56px;
 display:none !important;
}
#photo-btn.overlay-btn {
 bottom: 47%;
 right: -38px;
 display:none !important;
}
#contact-btn.overlay-btn {
 bottom: 32%;
 right: -49px;
 display:none !important;
}
#related-btn.overlay-btn {
 bottom: 40%;
 right: -63px;
 display:none !important;
}
.title,h1,h2,h3,h4,h5,h6,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a, h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong {
 font-family:"Amiri",serif;
 font-weight:400;
 color: #354c65;
 line-height:1.2;
}
h1 {
 font-size:3em;
 margin-top:1em;
}
h2 {
 font-size:2.1em;
 margin:2em 0 0;
}
h3 {
 font-size:1.9em;
 font-size:2em;
 margin: 1.5em 0 0.75em;
 margin: 1.75em 0 0.5em;
}
h4 {
 font-size: 1.7em;
 margin-bottom: 0.5em;
}

button, .button {
 font-family: "Open Sans",sans-serif;
 text-transform: uppercase;
 font-weight: 500;
 font-size: 0.85em;
 color:#354c64;
 letter-spacing:0.06em !important;
 display:inline-block;
 background: rgba(255,255,255,0.5);
 padding:3px; /* along witht he span inside button, create a double border effect */
 cursor:pointer;
 border-radius:28px;
}
.b-actions button.secondary, .b-actions .button.secondary {
 background: rgba(153,102,47,0.9);
}
.b-actions button.secondary:hover, .b-actions .button.secondary:hover {
 background: rgba(230,153,70,0.6);
}
.b-actions button .icon-arrow, .b-actions .button .icon-arrow {
 display:none;
}
.b-actions.article {
 display:flex;
 margin-top: 3em;
}
.button span, button span {
 display:inline-block;
 padding: 0.6em 2em;
 border-radius:25px;
}
.button:hover, button[type=submit]:hover {
 background: rgba(255,255,255,0.6);
}
.button-group {
 margin:1em auto 0 auto;
 max-width:80em;
 width:68%;
}
.button-group .button {
 padding:0.75em 0;
 font-size:0.9em;
 width:44%;
 font-weight:600;
}
.button-group.light .button span, .button-group.light button span {
  color:white;
}
.button-group.light .button, .button-group.light button[type=submit] {
 background:#acd7db;
}
.button-group.light .button:hover,.button-group.light button[type=submit]:hover {
 background:#9aced3
}

.button-group button.first, .button-group .button.first {
 background: rgba(153,102,47,1.0);
 color:white;
 margin-right:5px;
}
.button-group button.first:hover, .button-group .button.first:hover {
 background: rgba(230,153,70,1.0);
}
.button-group button.second, .button-group .button.second {
 background: rgba(232,233,228,1.0);
 color:#354c64;
 margin-left:5px;
}
.button-group button.second:hover, .button-group .button.second:hover {
 background: rgba(150,150,150,1.0);
}

ol.breadcrumb {
 padding: 20px 16px 0 0;
 list-style: none;
 background-color: rgba(255,255,255,0); /* transparent */
 text-align:center;
 margin-bottom: 10px;
}
ol.breadcrumb li {
 display: inline;
 text-transform: uppercase;
 color: #354c64; 
}
ol.breadcrumb li+li:before {
 padding: 6px;
 color: #ddd;
 content: "|";
}
ol.breadcrumb li a {
 color: #354c64;
 font-size:0.9em;
}
ol.breadcrumb li a:hover {
 border-bottom:1px solid #888;
}

.container {
 overflow:auto;
}
section .container {
 margin-left:auto;
 margin-right:auto;
}

main {
 z-index:900;
 margin-top:5em;
}

/*html{box-sizing:border-box;height:101%}*,::after,::before{box-sizing:inherit} */

/* Special Font for American Adoptions, open ttf to view 
 * a (\61, or &97; or U+0061) = youtube logo
 * b (\62, or &98; or U+0062) = twitter logo
 * ...
 */
@font-face{
 font-family:"american-adoptions";
 src:url(/assets/fonts/american-adoptions.eot);
 src:url(/assets/fonts/american-adoptions.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/american-adoptions.woff) format("woff"),url(/assets/fonts/american-adoptions.ttf) format("truetype"),url(/assets/fonts/american-adoptions.svg#american-adoptions) format("svg");
 font-weight:400;
 font-style:normal
}
[class*=" icon-"]:before,[class^=icon-]:before{
 font-family:"american-adoptions"!important;
 font-style:normal!important;
 font-weight:400!important;
 font-variant:normal!important;
 text-transform:none!important;
 speak:none;
 line-height:1;
 vertical-align:middle;
 -webkit-font-smoothing:antialiased;
 -moz-osx-font-smoothing:grayscale
}
.icon-youtube:before{content: url(/assets/images/icon-youtube.svg);}
.icon-facebook:before{content :url(/assets/images/icon-facebook.svg);}
.icon-twitter:before{content: url(/assets/images/icon-twitter.svg);}
.icon-instagram:before{content: url(/assets/images/icon-instagram.svg);}
.icon-arrow:before{content:"\66"}
.icon-play:before{content:"\63"}
.icon-contact:before{content:"\67"}
.icon-login:before{content:"\68"}
.icon-angle-down:before{content:"\69"}
.icon-star:before{content:"\6c"}
.icon-long-arrow-left:before{content:"\6b"}
.icon-long-arrow-right:before{content:"\6d"}
.icon-heart:before{content:"\6f"}
.icon-heart-full:before{content:"\70"}
.icon-angle-left:before{content:"\71"}
.icon-angle-up:before{content:"\72"}
.icon-angle-down.active:before{content:"\72"}
.icon-angle-down.open:before{content:"\72"}
.icon-angle-right{transform: rotate(90deg)}
.icon-angle-left{transform: rotate(-90deg)}
.icon-angle-right:before{content:"\72"}
.icon-nav-close:before{content: url(/assets/images/aa-icon-nav-close.svg)}
.icon-search:before{content: url(/assets/images/aa-icon-search.svg)}
.icon-phone:before{content:"\f095";font-family:"FontAwesome"!important;};
.icon-baby::before {content: url(/assets/images/aa-icon_baby.svg);} 
.icon-parents::before {content: url(/assets/images/aa-icon_parents.svg);} 
.icon-religion::before {content: url(/assets/images/aa-icon_religion.svg);} 
.icon-plus::before {content: url(/assets/images/aa-icon-plus.svg);} 
.icon-x::before {content: url(/assets/images/aa-icon-x.svg);} 
.icon-circle-check::before {
 content: url(/assets/images/circle-checkmark-orange.svg);
 padding-right: 11px;
 position: relative;
 top: -1px;
}
.icon-info::before {
 content: url(/assets/images/aa-icon-info-darker.svg);
 opacity: 0.6;
 -webkit-transition: opacity 0.2s;
 -moz-transition: opacity 0.2s;
 -ms-transition: opacity 0.2s;
 -o-transition: opacity 0.2s;
 transition: opacity 0.2s;
}
.icon-info:hover::before {opacity: 1;cursor: pointer;}
.icon-info-exit::before {content: url(/assets/images/aa-icon-info-back.svg);}

/* Load FontAwesome icons */
@font-face {
  font-family: 'FontAwesome';
  src: url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/fontawesome-webfont.eot?v=4.7.0');
  src: url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 1em/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  /* add a box around the search icon */
  width: 3em;
  text-align: right;
  padding: 3px;
}
.fa-search:before {
  content: "\f002";
}

.fa-instagram:before {
 content: "\f16d";
}

/* info icon - contains additional, hidden info */
.icon-info {
 margin: auto;
 text-align: center;
 cursor: default;
 position: relative;
 top: -4px;
 display: inline-block;
 width: 20px;
 height: unset;
 line-height: unset;
 font-size: unset;
}

.icon-info::after {
 font-family: sans-serif;
 font-weight: normal;
 color:#444;
}

.icon-info .icon-info-inner.active {
 top:0;
 display:flex;
 align-items: center;
 transform-origin: 100% 0%;
 -webkit-animation: fadeIn 0.3s ease;
 animation: fadeIn 0.3s ease;
}

.icon-info .icon-info-inner {
 display: none;
 font-family: sans-serif;
 text-rendering: optimizeLegibility;
 -webkit-font-smoothing: antialiased;
 text-align: center;
 width: 178px;
 height: auto;
 position: absolute;
 left: 50%;
 transform: translate(-50%, 0);
 border-radius: 3px;
 box-shadow: 0 0px 20px 0 rgba(0,0,0,0.1);
 color: #37393D;
 font-size: 12px;
 line-height: 1.5;
 z-index: 99;
 background: rgba(0,0,0,0.5);
 align-items: center;
 height: 100vh;
 width: 100vw;
 top: 0;
 position: fixed;
 z-index: 400;
}

.icon-info-text-wrap {
 width: 95%;
 margin: 0 auto;
 max-width: 362px;
}

.icon-info-text {
 background: white;
 margin: 0 auto;
 padding: 20px;
 text-align: left;
 display: flex;
 flex-direction: column;
 border-radius: 15px;
 font-weight: 400;
}

.icon-info-text div:first-of-type {
 text-align: right;
}

.icon-info-text-wrap .close-info::before {
 content: url(/assets/images/aa-icon-info-exit.svg);
}

.icon-info-text p, .icon-info-text li {
 font-size: 1.325em;
}
.icon-info-text li > ul li {
  font-size: 1em;
}

.icon-info-text a {
 border-bottom: none !important;
}
.icon-info-text ul {
 margin-block-start: 0;
 margin-left: 0;
}

/* CSS animation */
@-webkit-keyframes fadeIn {
 0% { opacity:0; }
 100% { opacity:100%; }
}

@keyframes fadeIn {
 0% { opacity:0; }
 100% { opacity:100%; }
}

/* make the video play icon a circle */
.icon-play {
 display: inline-block;
 border-radius: 50%;
 border: 1px solid rgba(53,76,101,0.1);
 width: 2.1em;
 height: 1.9em;
 padding-top: 0.2em;
 padding-left: 0.05em;
 background: rgba(255,255,255,0.3);
 text-align: center;
}
a .icon-play:hover {
 background: rgba(255,255,255,0.6);
}


/* top hero section */
#hero {
 text-align:center;
 background: #ccc;
 background-size: cover;
/* background-position: center; */
 background-image: url(/assets/images/header_home.jpg);
 background-position: 50% 10%;
 background-repeat: no-repeat;
 height: 28em;
}

#hero::before {
 content: '';
 display: block;
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 12em;
 /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.95+0,0+85 */
 background: -moz-linear-gradient(top, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.6) 40%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
 background: -webkit-linear-gradient(top, rgba(255,255,255,0.9) 0%,rgba(255,255,255,0.6) 40%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
 background: linear-gradient(to bottom, rgba(255,255,255,0.9) 0%,rgba(255,255,255,0.6) 40%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}

#hero .container {
 overflow:hidden;
 max-width:106em;
 padding-bottom: 1em; /* should be at least the same amount as the margin-top of the .button-group, otherwise the buttom will be cut off */
 position: relative;
 top: 6em;
 color: white;
 opacity: 0.95;
 padding-left:1em;
 padding-right:1em;
}

#hero .container h1 {
 color:rgba(53,76,100,0.95);
 font-size: 2.8em;
 margin-bottom: .5em;
 text-align:left;
 width:42%;
 padding-left:0.5em;
}

#hero .button {
 color:white;
 border:1px solid #ccc;
 color:#354c64;
 padding:0;
}

#hero #video-btn.button {
 border:0;
 background:none;
 width:40%;
 display:block;
 text-align:left;
 font-size:0.9em;
 margin-left:1.4375em;
}
/* internal page hero section */
#hero.inner {
 height:16em;
}
/* little extra shadow transparency on top of the hero section */
#hero.inner::before {
 height:10em; 
 background: -moz-linear-gradient(to bottom,rgba(255,255,255,.9) 0%,rgba(255,255,255,.7) 30%,rgba(255,255,255,.2) 70%,rgba(255,255,255,0) 100%);
 background: -webkit-linear-gradient(to bottom,rgba(255,255,255,.9) 0%,rgba(255,255,255,.7) 30%,rgba(255,255,255,.2) 70%,rgba(255,255,255,0) 100%);
 background: linear-gradient(to bottom,rgba(255,255,255,.9) 0%,rgba(255,255,255,.7) 30%,rgba(255,255,255,.2) 70%,rgba(255,255,255,0) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6ffffff', endColorstr='#00ffffff',GradientType=0 )
 opacity: 0.9;
}

#hero.inner .container {
 top:5em;
 padding-bottom:1em;
}

#hero.inner .container h1 {
 width:100%;
}
#hero.inner .container #video-btn.button {
 width:100%;
}
#hero.inner .button {
 margin-left:auto;
}

#hero.inner .container ol.breadcrumb li a {
 color: rgba(53,76,100,0.9);
}

/* adopt, pregnant header has darker background, so use lighter color */
#hero.inner.adopt .container h1,
#hero.inner.adopt .container .button,
#hero.inner.adopt .container ol.breadcrumb li a,
#hero.inner.pregnant .container h1,
#hero.inner.pregnant .container .button,
#hero.inner.pregnant .container ol.breadcrumb li a {
 color:rgba(255,255,255,0.9);
}

#hero.inner.pregnant {
 background-image: url(/assets/images/header_pregnant.jpg);
}
#hero.inner.adopt {
 background-image: url(/assets/images/header_adopt.jpg);
}
#hero.inner.adoption {
 background-image: url(/assets/images/header_adoption.jpg);
}
/* end of top hero section */

.supplement-top-nav {
 z-index:450; /* same layer as the overlay-btn */
 width:100%;
 text-align:center;
 color: white;
 background-color:rgba(128,176,181,0.85);
 font-size:0.9em;
 overflow:hidden;
}
.supplement-top-nav a.button {
 display:inline-block;
 padding:6px 10px 6px 10px;
 border-radius: 3px;
 color:white;
 text-transform:none;
/* background:rgba(53,76,100,0.4); */
 background:none;
 margin-left:0.1em;
 margin-right:0.1em;
}
body.landscape-left .supplement-top-nav a.button:first-of-type {
 margin-left:env(safe-area-inset-left); /* for iPhone X Notch */
}
body.landscape-right .supplement-top-nav a.button:last-of-type {
 margin-right:env(safe-area-inset-right); /* for iPhone X Notch */
}
.supplement-top-nav a.button:hover {
 color: #354c64;
}
.supplement-top-nav a.button span {
 border:0;
 padding:0;
}
main.scrolled .supplement-top-nav {
 position:fixed;
 top:5.65em;
}

#page-error-message .container {
 width:60em;
 text-align:center;
}

footer {
 background: #374f67;
}

footer a {
 color: rgba(255,255,255,0.8);
 transition: background 0.15s, color 0.15s;
 display:block;
}
footer p {
 color: rgba(255,255,255,0.8);
}

footer .container {
 padding: 3em 1.5em 3em 1.5em;
 margin-top:1em;
}
footer .site-info {
 float:left;
 width:25%;
}
footer .site-info .footer-logo img {
 max-width:95%;
}
footer .site-info a {
 margin-bottom: 1.25em;
}
footer .site-info a.footer-logo {
 margin-bottom: 0.5em;
}
footer .site-info a.tel-link {
 font: 1.3em "Open Sans",sans-serif;
 margin-bottom: 1.1em;
}
footer .cookie-consent-settings-btn {
  font-size: 1em;
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  background: transparent;
  border: none;
  color: rgba(255,255,255,0.8);
  margin-bottom: 1.25em;
  padding: 0;
  text-transform: none;
}
footer .site-links {
 float:left;
 width:72%;
}
footer .site-links h4 {
 font: .875em/2.375em "Open Sans",sans-serif;
 color: #fff;
 font-weight: 600;
 text-transform: uppercase;
 margin: 0;
 /*letter-spacing: 0.6em!important;*/
}
footer .site-links ul {
 list-style:none;
 padding-left:0;
 line-height: 2.5;
 margin-top:0;
}
footer .site-links ul a {
 font: normal normal normal .75em/2.4em "Open Sans",sans-serif;
 color: #afbbc2; 
 transition: color 0.15s;
 text-transform: uppercase;
 /*letter-spacing: 0.5em!important;*/
}
footer .site-links ul a:hover {
 color: rgba(237,239,241,0.9);
 transition: color 0.15s;
}
footer .site-links>div {
 float:left;
 display:block;
 margin-left:2%;
 width: 31%;
}

footer .social {
 margin-top: 1.5em;
}
footer .social a {
 display: inline-block;
 font-size: 1.8125em;
 margin-left: 5px;
 margin-right: 5px;
}

footer .social a:first-of-type {
 margin-left: 0;
}

footer .social a:last-of-type {
 margin-right: 0;
}

footer .seo {
 font: normal normal normal .625em/1em "Open Sans",sans-serif;
 color: #afbbc2;
 padding: .5em .5em 4em .5em;
}
footer .seo h4 {
 color: white;
 margin-top: 0;
 margin-bottom: 0.7em;
}
footer .seo p {
 margin-top: 0;
}

footer .b-contact {
  position: fixed;
  left: 0;
  bottom: 1em;
  width: 14.3em;
  padding: 1.3em 0;
  background-color: white;
  text-align: left;
  box-shadow:8px 0 15px #BBB;
  z-index:399;
}
footer .b-contact > a.button {
  background: #fefefe;
  color: #354C64;
  z-index:999;
  display:block;
  text-transform:uppercase;
  margin:0;
  padding:0 0 0.3em 0;
  transition:background 0.15s;
  font-size:0.94em;
  font-weight:bold;
  border-radius:0;
  text-align: center;
}
footer .b-contact a.text-call-btn .icon-phone {
 margin-right: 8px; 
}
footer .b-contact a.form-link {
 text-align: center;
 font-size: 0.94em;
 background: #99662f;
 color: white;
 width: 63%;
 margin: 0.7em auto 0;
 border-radius: 25px;
 padding: 0.5em 1em 0.6em;
}
/*
footer .b-contact a.button:hover {
  background: #9aced3;
}
*/
footer #text-call-popup-overlay.open {
 /* display: flex; */
 visibility: visible;
 opacity: 1;
 transition: all 0.2s linear;
}
#text-call-popup-overlay {
 display: flex;
 justify-content: center;
 /*align-items: center;*/
 align-items: flex-end;
 visibility: hidden;
 opacity: 0;
 transition: all 0.2s linear;
 height: 100vh;
 width: 100vw;
 position: fixed;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 background: rgba(0,0,0,0.5);
 z-index: 99999;
}
#text-call-popup-overlay .text-call-inner {
 background: white;
 width: 275px;
 margin-bottom: 150px;
}
#text-call-popup-overlay .text-call-inner > div:first-of-type a {
 text-align: right;
}
#text-call-popup-overlay .close-info::before {
 content: url(/assets/images/aa-icon-info-exit.svg);
 position: relative;
 top: 12px;
 right: 14px;
}
.text-call-popup-btns {
 margin: 0 15px;
}
.text-call-popup-btns .b-actions {
 text-align: center;
}
.text-call-popup-btns .b-actions:first-of-type {
 border-bottom: 1px solid #E8E9E4;
 padding: 1.25em 0.5em 1.75em;
}
.text-call-popup-btns .b-actions:last-of-type {
 border-bottom: 1px solid #E8E9E4;
 padding: 2em 0.5em 2.25em;
}
.text-call-popup-btns .b-actions p {
 margin-bottom: 0 !important;
 margin-top: 0.5em !important;
}
.text-call-popup-btns .b-actions p a {
 font-weight: 400;
}
.text-call-popup-btns .b-actions p a, .text-call-popup-btns .b-actions p a:hover {
 color: black;
 border-bottom: none !important;
 text-align: center;
}
.text-call-popup-btns .b-actions .button {
 margin: 0 !important;
 width: 60%;
 padding: 0.7em;
 letter-spacing: 2px !important;
 border-radius: 28px; 
}
.text-call-popup-btns .b-actions:first-of-type .button, .text-call-popup-btns .b-actions:first-of-type .button:hover {
 background: #99662F;
 text-align: center;
}
.text-call-popup-btns .b-actions.win p:first-of-type {
 font-size: 1.375em;
 color: #354c64;
 text-transform: uppercase;
 font-weight: 600;
}
.text-call-popup-btns .b-actions.win p:last-of-type {
 color: black;
 font-size: 1.125em;
 margin-top: 0.25em !important;
}

.videoWrapper, .video-wrapper {
 position: relative;
 /*padding-bottom: 56.25%; /* 16:9 */
 padding-top: 25px;
 /*height: 0;*/
 max-height:calc(100% - 10em);
}
.videoWrapper object, .video-wrapper object,
.videoWrapper embed, .video-wrapper embed,
.videoWrapper iframe, .video-wrapper iframe {
/*
 position: absolute;
 top: 0;
 left: 0;
*/
 width: 100%;
 height: 100%;
 aspect-ratio: 16 / 9;
}

.yt-thumbnail {
 cursor: pointer;
 aspect-ratio: 16 / 8.8;
 object-fit: cover;
 position: relative;
 border: unset;
 border-radius: 0;
 padding: 0;
}
.yt-thumbnail::before {
 content: "";
 width: 60px;
 height: 60px;
 background-color: rgba(0, 0, 0, 0.5);
 border-radius: 100%;
 position: absolute;
 top: 50%;
 left: 50%;
 margin-top: -30px;
 margin-left: -34px;
}
.yt-thumbnail::after {
 content: "";
 border: 16px solid transparent;
 border-left: 20px solid #fff;
 position: absolute;
 top: 50%;
 left: 50%;
 margin-left: -10px;
 margin-top: -16px;
}
.yt-thumbnail img {
 aspect-ratio: 16 / 9;
 object-fit: cover;
 object-position: 50% 50%;
}
.show {
 display: block;
}
.hide {
 display: none;
}
[id*="player"] {
 /*height: 100%;*/
}

.table {
 display:table;
}
.table-row {
 display:table-row;
}
.table-column {
 display:table-column;
}
.table-cell {
 display:table-cell;
}

.tabs {
 display:flex;
 overflow:hidden;
 width:100%;
 padding:0;
 margin:0;
 border:0;
}
.tabs button, .tab-title {
 border:0;
 outline:none;
 font-size:1.25em;
 display: inline-block;
 box-sizing: border-box;
 width: 100%;
 text-align: center;
 color: #fff;
 text-transform: uppercase;
 padding: 2em 1em;
 letter-spacing: .0375em;
}
.tabs button {
 float:left; /* without float left, there'll be a small gap between elements due to the space characters in HTML code between the two elements */
 border-radius:0;
}

.tab-content {
 margin-top:-8px;
 padding:2em;
 display:none;
}
.tabs button:nth-child(n),
.tab-title:nth-of-type(6n-4),
.tab-content:nth-of-type(6n-3) {
 background: #364c64;
}
.tabs button:nth-child(n),
.tab-content:nth-of-type(6n-3) {
 display:block; /* default show the first tab content */
}
.tabs button:nth-child(2n),
.tab-title:nth-of-type(6n-2),
.tab-content:nth-of-type(6n-1) {
 background: #5b728c;
}
.tabs button:nth-child(3n),
.tab-title:nth-of-type(6n),
.tab-content:nth-of-type(6n+1) {
 background: #8d99a6;
}

.tab-content .container {
 background:white;
 text-align:left;
 padding:1em 2em;
 max-width:40em;
}
.tab-content article {
 border-bottom: 1px solid #d8e6ef;
 padding:1em;
 overflow:hidden;
}
.tab-content article:last-of-type {
 border-bottom:none;
}
.tab-content article .button {
 border:1px solid #bbc4cb;
 padding:0.8em 1.5em;
 color:#6f8293;
 display:inline-block;
 float:right;
}
.flex {
 display: flex;
}

/******************************************************************/
/****** form style ************************************************/
/******************************************************************/
form input:not([type=checkbox]):not([type=radio]), form select, form textarea {
 box-sizing:border-box;
 width: 100%;
 border: 1px solid #ccd3d9;
 font-family: "Open Sans",sans-serif;
 font-size:0.95em;
 line-height: 1.125;
 padding: .5em;
 margin-bottom:0.1em;
 border-radius: 0;
 color: #374d65;
 outline:none;  /* disable default outline, need to define :focus css */
/* height: auto;  */
 height:2.2em; 
 -webkit-appearance:none; /* disable all IOS formatting */
 -webkit-transition: all 0.2s ease-in-out;
 -moz-transition: all 0.2s ease-in-out;
 -ms-transition: all 0.2s ease-in-out;
 -o-transition: all 0.2s ease-in-out;
 background: white;
}
form input:not([type=checkbox]):not([type=radio])::placeholder,  /* Chrome, Firefox */
form input:not([type=checkbox]):not([type=radio])::-moz-placeholder,  /* Firefox 19 */
form input:not([type=checkbox]):not([type=radio]):-moz-placeholder,  /* Firefox 18- */
form input:not([type=checkbox]):not([type=radio]):-ms-input-placeholder,  /* IE 10-11 */
form input:not([type=checkbox]):not([type=radio])::-ms-input-placeholder,  /* Edge */
form input:not([type=checkbox]):not([type=radio])::-webkit-input-placeholder, /* Chrome/Opera/Safari */
form textarea:-ms-input-placeholder, /* IE 10-11 */
form textarea::-ms-input-placeholder { /* Edge */
 color: #aaa;
 font-size:0.8em;
}

form input:not([type=checkbox]):not([type=radio]):focus, form select:focus, form textarea:focus {
/*
 box-shadow: 0 0 5px #acd7db;
 border: 1px solid #acd7db;
*/
 box-shadow: 0 0 5px #354c65;
 border: 1px solid #354c65;
}
form textarea {
 height:4em;
}

.b-form div {
 transition: 0.3s; /* does not apply to "display" */
}
.b-form label.header {
 font: 1.5em/1.375 "Amiri",serif;
 display:block;
}
.input-field-wrap {
 margin-top:0.7em;
 margin-bottom:1.1em;
 display:block;
}
.input-field-wrap.inline {
 display:inline-block;
 margin-top:0;
 margin-bottom:0.4em;
}

.input-field-wrap label {
 font-size: 1em;
 display:block;
}
.input-field-wrap label.question {
 font-weight:500;
 margin-bottom:1.2em;
}

.input-field-wrap label.question.inline,
.input-field-wrap.inline label.question,
.input-field-wrap.inline select,
.input-field-wrap.inline input:not([type=checkbox]):not([type=radio]) {
 display:inline-block;
 width:auto;
}
.b-form h4.required::after,
.input-field-wrap.required label.question::after {
 content:"*";
}

.b-form .radio-wrap.inline input[type="radio"],
.b-form .radio-wrap.inline label {
 display:inline;
 width:auto;
 float:none;
}
.b-form .radio-wrap.inline input[type="radio"] {
 margin-right:2em;
}
.b-form .radio-wrap.inline label {
 margin-right:0.3em;
}
.b-form input {
 margin-bottom:0.3em;
}
.b-form h4 {
 margin-bottom:0.2em;
}

.instruction {
 margin-top:0.5em;
 margin-bottom:0.5em;
 background:#ffffcc;
 padding:0.5em 1em 0.5em 1em;
 border:1px solid #ffcc00;
 border-radius: 2px;
}

.errormsg, .warningmsg, .disclaimer {
 margin-top:0.5em;
 margin-bottom:0.5em;
 background:rgba(253,253,240,0.7);
 /*padding:0.5em 1em 0.5em 1em;*/
 padding: 1em;
 font-size: 0.9em;
 width: fit-content;
 border:1px solid #ffe197;
}
.errormsg {
 color:#ff9966;
 font-weight:600;
}
.warningmsg {
 color:#555;
 font-weight:500;
}
.noticemsg {color:#080;
 margin-top:0.5em;
 margin-bottom:0.5em;
 background:rgba(238,254,238,0.7);
 border:1px solid #bbb;
 padding:0.5em 1em 0.5em 1em;
}

form .b-actions,
.b-form .b-actions {
 float: none;
 text-align: center;
 margin-top: 1.6875em;
 padding:4px;
}

form .b-actions p a {
 color: #354C64;
 border-bottom: 1px solid #354c64 !important;
}

form .b-actions p a:hover {
 color: #99662F;
 border-bottom: 1px solid #99662f !important;
}

.b-actions button, .b-actions .button, .b-actions .btn,
.b-actions button, .b-actions .btn, .b-actions button.btn {
/* border: 1px solid rgba(255,255,255,.2); 
 border-style:outset;
*/
 border:none;
 padding: 3px;
 width: auto;
 text-transform: uppercase;
 color: white;
 letter-spacing: 0.175em;
 cursor: pointer;
 /*font-size: 0.8em;*/
 font-size: 16px;
 font-weight: 600;
 display: inline-block;
 text-align:center;
 background:#354c64;
 transition: background 0.15s;
 margin:0.5em;
 width: 100%;
 max-width: 350px;
}
.b-actions button:hover,
.b-actions .button:hover,
.b-actions .btn:hover {
 background: #354c64;
}

.b-actions #submitbutton {
 max-width: 288px;
}
.b-actions button span {
 display: block;
 /*border: 1px solid rgba(255,255,255,.2);*/
 /*padding: 1em 2.5em;*/
 padding: 0.4em;
}
aside .b-actions button, aside .b-actions .button, aside .b-actions .btn,
aside .b-actions button, aside .b-actions .btn, aside .b-actions button.btn {
 margin:0;
 width:100%;
}
aside .b-actions button span, aside .b-actions .button span {
 width:calc(100% - 4em);
}

/* center the Google ReCaptcha box */
div.g-recaptcha>div {
 margin:auto;
}
/* floating-labels */
.input-field-wrap.float-label {
 position:relative;
}
.input-field-wrap.float-label label.question {
 position:absolute;
 top: 0.4em;
 left:0.5em;
 font-size:0.9em;
 padding-left:0.5em;
 padding-right:0.5em;
 transition: all 0.3s;
 background:white;
 width:fit-content;
 color:#888;
 cursor: text;
 display:inline-block; 
 min-width:70%
}
.input-field-wrap.float-label label.question.float {
 font-size:0.7em;
 -moz-transform: translateY(-1.35em);
 -ms-transform: translateY(-1.35em);
 -webkit-transform: translateY(-1.35em);
 transform: translateY(-1.35em);
 /*color:#4ea9b1;*/
 color: #354c65;
 min-width:5%;
}

/* Customize checkbox and radio button */
/* https://www.w3schools.com/howto/howto_css_custom_checkbox.asp */
/* Customize the label (the container) */
.checkbox-container, .radio-container {
 display: block;
 position: relative;
 padding-left: 30px;
 margin-bottom: 12px;
 margin-right:2.5em;
 cursor: pointer;
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;
}

.checkbox-container[for*="service_types"] {
  margin-right: 1em;
}

.input-field-wrap.inline .checkbox-container,
.input-field-wrap.inline .radio-container,
.checkbox-container.inline,
.radio-container.inline {
 display: inline-block;
}

/* Hide the browser's default checkbox */
.checkbox-container input {
 position: absolute;
 top:0;
 opacity: 0;
 cursor: pointer;
}

/* Create a custom checkbox */
.checkmark {
 position: absolute;
 top: 0.12em;
 left: 0;
 height: 20px;
 width: 20px;
 background-color: #ddd;
}

/* On mouse-over, add a grey background color */
.checkbox-container:hover input ~ .checkmark,
.radio-container:hover input ~ .checkmark {
 background-color: #ccc;
}

/* When the checkbox is checked, or radio button is clicked, add a blue background */
.checkbox-container input:checked ~ .checkmark,
.radio-container input:checked ~ .checkmark {
 background-color: #99662f;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
 content: "";
 position: absolute;
 display: none;
}

/* Show the checkmark when checked */
.checkbox-container input:checked ~ .checkmark:after,
.radio-container input:checked ~ .checkmark:after {
 display: block;
}

/* Style the checkmark/indicator */
.checkbox-container .checkmark:after {
 left: 7px;
 top: 3px;
 width: 5px;
 height: 10px;
 border: solid white;
 border-width: 0 3px 3px 0;
 -webkit-transform: rotate(45deg);
 -ms-transform: rotate(45deg);
 transform: rotate(45deg);
}

/* Customize radio button */
/* https://www.w3schools.com/howto/howto_css_custom_checkbox.asp */
/* Customize the label (the container) */
.radio-container {
 display: block;
 position: relative;
 padding-left: 35px;
 margin-bottom: 12px;
 cursor: pointer;
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;
}

/* Hide the browser's default radio button */
.radio-container input {
 position: absolute;
 opacity: 0;
}

/* Create a custom radio button */
.radio-container .checkmark {
 border-radius: 50%;
}

/* Style the indicator (dot/circle) */
.radio-container .checkmark:after {
 top: 6px;
 left: 6px;
 width: 8px;
 height: 8px;
 border-radius: 50%;
 background: white;
}
/******************************************************************/
/****** End of form style *****************************************/
/******************************************************************/

/******************************************************************/
/****** Free info form custom style *******************************/
/******************************************************************/

#preSubmitMsgDiv {
 position: relative;
}
.intake-form {
 max-width: 50em;
 margin: 10em auto 4em;
 width: 90%;
}
.intake-form ul, .intake-form ul li {
 font-family: 'Open Sans', sans-serif;
}
.intake-form .form-intro-text {
 border: 1.5px solid #bcbcbc;
 margin-bottom: 3.5em !important;
 border-radius: 15px;
 padding: 1em 5em;
 position: relative;
}
/* popover arrow */
.border-arrow {
 bottom: -1.15em;
 left: 11%;
 border-bottom: 1.5px solid #d1d5db;
 border-right: 1.5px solid #d1d5db;
 transform: translate(-50%, -50%) rotate(45deg);
 -webkit-transform: translate(-50%, -50%) rotate(45deg);
 -moz-transform: translate(-50%, -50%) rotate(45deg);
 -o-transform: translate(-50%, -50%) rotate(45deg);
 -ms-transform: translate(-50%, -50%) rotate(45deg);
 height: 1em;
 width: 1em;
 background-color: #fff;
 position: absolute;
}
.intake-form .title {
 text-align: center;
 margin-bottom: 2em;
}
.intake-form .title h1 {
 margin-block-end: 0;
}
.intake-form .title h2 {
 color: #99662f;
 font-size: 16px;
 font-family: "Open Sans",sans-serif;
}
.intake-form .with-info-icon h2, .intake-form .with-info-icon > div {
 display: inline-block;
}
.intake-form .with-info-icon .icon-info {
 position: relative;
 top: -7px;
 margin-left: -5px;
}
.intake-form #preSubmitMsgDiv ul {
 margin-block-start: 0;
 padding-inline-start: 20px;
}
.intake-form .form-intro-text p,
.intake-form .form-intro-text ul li {
 margin-bottom: 0.5em;
}
.intake-form .form-intro-text ul {
 list-style-image: url('../assets/images/bullet-checkmark-gold.svg');
}
.intake-form .g-recaptcha {
 float: left;
 margin-top: 25px;
}
.intake-form .b-actions {
 margin-top: 45px;
}
.intake-form .b-actions #submitbutton {
 background: #99662f;
}
.intake-form .b-actions #submitbutton:hover {
 background: #354c64;
}
#vmField {
 display: none;
}
.form-phone {
 margin: 3.5em 0 0;
 clear: both;
}
.form-phone p {
 display: inline-block;
}
.form-phone p a {
 color: #374f67;
 border-bottom: 1px solid #374f67;
}
.form-phone p a:hover {
 color: #99662f;
 border-bottom: 1px solid #99662f;
}

/******************************************************************/
/****** End free info  form custom style **************************/
/******************************************************************/

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.dot.active, .dot:hover {
  background-color: #717171;
}

/* multipage navation links */
.multi-page-nav {
 display:block;
 width:100%;
 overflow:hidden;
}
.multi-page-nav .num {
 text-align: center;
}
.multi-page-nav .num a,
.multi-page-nav .num span {
 display:inline-block;
 border: 1px solid #d5dadf;
 padding: 0.5em 0.1em 0.5em 0.1em;
 margin:0.5em 0.2em 0 0.2em;
 min-width: 3em;
 color: #555;
 transition: background 0.15s, color 0.15s;
 font-size: 0.875em;
 font-weight: 500;
 letter-spacing: 0.15em;
}
.multi-page-nav .num a#prev-page, .multi-page-nav .num a#next-page {
 padding-left: 0.2em;
 padding-right: 0.2em;
}

.multi-page-nav .num a:hover {
 color:white;
 background:#354c64;
}
.multi-page-nav .num span.current {
 background:#888;
 color:white;
}

/* Fading animation */
.fade {
 -webkit-animation-name: fade;
 -webkit-animation-duration: 1.5s;
 animation-name: fade;
 animation-duration: 1.5s;
}

@-webkit-keyframes fade {
 from {opacity: .4} 
 to {opacity: 1}
}

@keyframes fade {
 from {opacity: .4} 
 to {opacity: 1}
}

.only-print, .only-print * {
  display: none !important;
}


body.embed header,
body.embed nav,
body.embed section#hero,
body.embed section#contact,
body.embed section#more-questions,
body.embed section.featured-card,
body.embed aside#sidebar,
body.embed ol.breadcrumb,
body.embed footer {
 display:none
}

/* Family Slider */
section#family-slider  {
 text-align:center;
 width:100%;
 overflow:hidden;
 height:690px;
 position:relative;
}

section#family-slider a.button {
 z-index: 2;
}

section#family-slider div {
 width:3000vw;
 /*transform: translateX(-50%); */
 position:relative;
 top:0;
 left:0;
 overflow:hidden;
}
section#family-slider img {
 height:230px;
 border:0;
 transition:opacity .15s;
 float:left;
}

section#trust-logos {
 background: #fff;
 padding: 0;
 margin-bottom:1em;
}
section#trust-logos img {
 width:25%;
 height:auto;
 float:left;
}
section.show-case {
 background-size: cover;
 background-position: center;
 background-repeat: no-repeat;
 text-align: center;
 /*margin-bottom:1.5em;*/
}
section.show-case#bp-ask-a-question {
 background-image:url(/assets/images/aa-cta_birthmom.jpg);
}

section.show-case .container {
 padding: 8em 3em;
}

section.show-case .title {
 font-size: 3.375em;
 color: #fff;
 line-height: 1.125;
 margin-bottom: .59259em;
 letter-spacing: .01375em;
}
section.show-case .button {
 background: #fff;
 color: #354c64;
 display: inline-block;
 padding: 2em 1.5em;
 border-radius: 7px;
 text-transform: none;
 font-weight: 600;
 font-size: 1em;
 box-shadow: 0 0 40px 10px rgba(0,0,0,.4);
 min-width: 16em;
}
section.show-case .button .icon-arrow {
 font-size:1em;
}
section.show-case .button i {
 color: #b3d2d6;
 margin-left: .5em;
}

section#family-slider .button {
 position: absolute;
 top: 50%;
 left: 50%;
 -webkit-transform: translate(-50%,-50%);
 transform: translate(-50%,-50%);
}

.modal-overlay .video-wrapper {
 position: absolute;
 top: 50%;
 left: 50%;
 width:100%;
 -webkit-transform: translate(-50%,-50%);
 transform: translate(-50%,-50%);
}
.modal-close {
 color: white;
 position: absolute;
 top: 10px;
 right: 0px;
 padding:0 0.3em 0 0.5em;
 font-size: 55px;
 font-weight: bold;
 z-index:10;
}

.modal-close:hover,
.modal-close:focus {
 color: #999;
 cursor: pointer;
}

a.article-read-link {
 font-weight: 500;
 /*color: #354c64;*/
}
a.article-read-link i {
 position: relative;
 /*color: #b8d5d8;*/
 color:#99662f;
 margin-left: .25em;
}

/* Featured Article Card */
section.featured-card {
 position: relative;
 display:block;
 overflow:hidden;
 text-align:center;
 /*background:#ebe9e4;*/
 height:32em;
 max-height:40em;
 padding: 2.5em 0 1em 0;
/* font-size:1.125em; */
}
section.featured-card:nth-of-type(odd) {
 background:#ebe9e4;
}
section.featured-card:nth-of-type(8),
section.featured-card:last-of-type {
 display:none!important;
}
section.featured-card:before,
section.featured-card:after {
 position: absolute;
 width: 40em;
 height: 14.21384em;
 background: url(/assets/images/stars.svg) no-repeat center/cover;
 content: '';
 z-index: 0;
 opacity: .8;
}
section.featured-card:before {
 top: 2.25em;
}
section.featured-card:after {
 bottom: -1em;
}

section.featured-card:nth-of-type(odd):before,
section.featured-card:nth-of-type(odd):after {
 -webkit-transform: rotateY(180deg);  /* top-left */
 transform: rotateY(180deg);
 left: 3.25em;
}
section.featured-card:nth-of-type(even):before,
section.featured-card:nth-of-type(even):after {
 right: 3.25em;
}

section.featured-card .container {
 position: relative;
 z-index: 1;
 max-width: 76em;
 overflow:hidden;
 /*padding:2em 0 1em 0;*/
 padding:2em 6% 1em 6%;
 height:100%;
}
section.featured-card h3 {
 /*font-size:2.25em;*/
 font-size:2em;
 margin-top: 0;
} 
section.featured-card p {
 /*font-size:1.1em;*/
 font-size:1em;
}
section.featured-card .description {
 position:absolute;
 top: 7.5em;
 display: block;
 background: #fff;
 padding: 3em 5em;
 margin-right: 2.35765%;
 box-sizing:border-box;
 width: 51%;
 box-shadow: 0 0 30px 10px rgba(197,194,184,.2);
 z-index: 2;
 min-height:25em;
 display: flex;
 align-items: center;
}
section.featured-card:nth-of-type(odd) .description {
 right: 0;
}
section.featured-card:nth-of-type(even) .description {
 left: 1em;
}

section.featured-card figure {
 box-sizing:border-box;
 width:100%;
 margin-left:1em;
 margin-right:1em;
}
section.featured-card figure img {
 box-sizing:border-box;
 box-shadow: 0 0 30px 10px rgba(197,194,184,.2);
 width: 50%;
 height: auto;
}
section.featured-card:nth-of-type(odd) figure,
section.featured-card:nth-of-type(odd) img {
 float:left;
}
section.featured-card:nth-of-type(even) figure,
section.featured-card:nth-of-type(even) img {
 float:right;
}

/* Curated articles on main Pregnant and Adopt module pages */
.module-curated-articles {
 background: #f5f5f5;
}
.module-curated-container {
 display: flex;
 max-width: 76em;
 margin: 0 auto;
 padding: 4.7em 0;
 width: 90%;
}
.module-curated-container > div {
 width: 25%;
}
.module-curated-container .module-name {
 display: flex;
 align-items: center;
 /*justify-content: center;*/
}
.module-curated-container .nav-curated-section .curated-title .icon-plus, .module-curated-container .nav-curated-section .curated-title .icon-x {
 display: none;
 margin-top: -6px;
 padding-right: 13px;
 width: 11px;
}
.module-curated-container .module-name  h3 {
 margin: 0 0 0 7px;
 text-transform: capitalize;
 font-size: 2.5em;
 font-weight: 400;
}
.module-curated-container .nav-curated-section h3 {
 font-family: 'Open Sans';
 font-size: 1.06em;
 text-transform: uppercase;
 font-weight: 600;
 /*padding-top: 1em;*/
 margin: 0 0 1.4em;
 letter-spacing: 0.9px;
}
.module-curated-container .nav-curated-section p {
 margin: 0 0 1.05em;
 line-height: 20px;
}
.module-curated-container .nav-curated-section p:last-of-type {
 margin: 0;
}
.module-curated-container .nav-curated-section p a {
 border-bottom: none;
 color: black;
 font-weight: 400;
}
.module-curated-articles .b-actions { 
 display: none;
}

/* Article View with ASIDE */
section.with-sidebar {
 display:block;
 overflow:hidden;
}
section#article-view article p a, section#article-view article li a {
 color: #528CC6;
 border-bottom:1px solid #528CC6;
}
section#article-view article p a:hover {
 color: #354c65;
 border-bottom:1px solid #354c65;
}
section#article-view article .widget.background-grayed p a, section#article-view article .widget.background-grayed p a:hover {
 color: #354c64;
 border-bottom: 1px solid #354c64;
}
section#article-view .article-wrapper {
 max-width:70em;
 /*padding:0 1em 2em 1em;*/
 padding:0 6% 2em 6%;
 margin-right:auto;
 margin-left:auto;
 overflow:hidden;
}
section#article-view article {
 padding-bottom: 6em;
}

section#landing-page-intro {
 margin-bottom:3em;
 text-align:center;
}
section#landing-page-intro .b-actions {
 margin:1em auto 0 auto;
 max-width:80em;
 width:100%;
}
section#landing-page-intro a.button {
 padding:0.75em 0;
 font-size:0.9em;
 width:47%;
 font-weight:600;
}
section#landing-page-intro a.button span {
 padding:0;
}
section.featured-list article .title,
section#article-view .article-wrapper article .title {
 border-bottom:1px solid #ccc;
 margin-bottom:1em;
 text-align:center;
}
section#article-view .article-wrapper article .title h2 {
 margin: 0.83em 0;
}
section#article-view .article-wrapper article .content {
 box-sizing: border-box;
 float:left;
 width:65%;
 margin-right:2%;
 padding:0 0 1em 0;
}
aside {
 box-sizing: border-box;
 float:left;
 width:33%;
}
aside.featured-list .container {
 padding-top:1.5em;
 padding-bottom:0.5em;
 overflow:hidden;
}
aside.featured-list .b-actions .button {
 background:#99662f;
}
aside .explore {
 background: #e9edf0;
 margin-bottom: 2em;
 overflow:hidden;
}

aside .explore a {
 padding:1.125em 1em;
 font-weight:500;
 color: #384c67;
 text-transform: uppercase;
 display:block;
 position:relative;
}

aside .explore span.text {
 display:inline-block;
 width: calc(100% - 2em);
}
aside .explore span.plus {
 width: 1.8em;
 height: 1.8em;
 border: 1px solid #768394;
 position:relative;
 float: right;
}
span.plus::before {
 width:2px;
 height:0.9em;
 content: '';
 background: #384e65;
 position: absolute;
 top: 50%;
 left: 50%;
 -webkit-transform: translate(-50%,-50%);
 transform: translate(-50%,-50%)
}
span.plus::after {
 width:0.9em;
 height:2px;
 content: '';
 background: #384e65;
 position: absolute;
 top: 50%;
 left: 50%;
 -webkit-transform: translate(-50%,-50%);
 transform: translate(-50%,-50%);
}

section#article-view .container article aside .title {
 font-size:1.9em;
 border-bottom:none;
}
section#article-view .container article aside.featured-list .container .item {
 width:100%;
 float:none;
}
section#article-view .container article aside.featured-list .container .item .title {
 font-size:1em;
}
aritcle aside figure {
 display: block;
 width: 100%;
 margin: 2em 0 .5em;
}
article aside figure figcaption {
 background: #e5f3f4;
 padding: 1em 1.25em;
 transition: background .15s;
 position: relative;
 z-index: 1;
}

/* article view aside */
section#article-view .container article aside.featured-list .container .item:nth-of-type(n+5) {
 /* enable vertical center for the figure*/
 display: flex;
 margin-top:1em;
 background: #e5f3f4;
}
section#article-view .container article aside.featured-list .container .item:nth-of-type(n+5) figure {
 width:4.5em;
 display:inline-block;
 box-sizing:border-box;
 float:left;

 /* vertical center align */
 display: flex;
 justify-content: center;
 flex-direction: column;
}
section#article-view .container article aside.featured-list .container .item:nth-of-type(n+5) figure img {
 height:4.5em; /* without an explicit height, IE will use the original image height as the flex container height */
 width:4.5em;
 object-fit:cover;
}
section#article-view .container article aside.featured-list .container .item:nth-of-type(n+5) .title {
 width:calc(100% - 4.6em);
 box-sizing:border-box;
 display:inline-block;
 padding: 0.5em 0.5em 0.5em 1em;
 text-align:left;
 margin-bottom:0;
 height:4.6em;
}
section#article-view .container article aside.featured-list .container .item:nth-of-type(n+5) .title>a {
 font-size:0.85em;
}
section#article-view .container article aside.featured-list .container .item:nth-of-type(n+5) .title>a i {
 display:none;
}

.article-disclaimer {
 margin-top: 5em;
}

/* Featured Category/Article List */
.featured-list {
 box-sizing:border-box;
}
.featured-list .container {
 /*padding:0 0 1em 0;*/
 /*padding:0 6% 1em;*/
 /*max-width:76em;*/
}
/*
.featured-list .container .swiper {
 padding:0;
}
*/

.featured-list .container .featured-list {
 max-width: 76em;
 margin: 0 auto;
 width: 90%;
}

#feature-categories .video-container,
#feature-categories .video-wrapper,
#feature-categories .content-wrapper .content > img  {
  margin-top: 1em;
  margin-bottom: 1em;
}

/* the category description on top of the category listing, fade away + drawer effect */
.featured-list .container article .content-wrapper {
 position:relative;
 max-height:8em;
 max-width:40em;
 width: 90%;
 margin-left:auto;
 margin-right:auto;
 overflow:hidden;
 font-size:1em;
 padding-bottom:2em;
 text-align:center;
 -webkit-transition:max-height, 1s cubic-bezier(0, 1.05, 0, 1);
 -moz-transition: max-height, 1s cubic-bezier(0, 1.05, 0, 1);
 -ms-transition: max-height, 1s cubic-bezier(0, 1.05, 0, 1);
 -o-transition: max-height, cubic-bezier(0, 1.05, 0, 1)1s ;
 transition: max-height, 1s  cubic-bezier(0, 1.05, 0, 1); /* when open, the max-height is set to a large value, so start fast and end slow to minimize delay effect */
}
.featured-list .container article .content-wrapper .mask{
 position:absolute;
 top:0;
 width:100%;
 height:100%;
 z-index:1;
 background:-moz-linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 30%,rgba(255,255,255,1) 80%, rgba(255,255,255,1) 100%);
 background:linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 30%,rgba(255,255,255,1) 80%, rgba(255,255,255,1) 100%);
}
.featured-list .container article .content-wrapper .mask a {
 display:block;
 width:100%;
 position:absolute;
 bottom:0;
 background:white;
}
.featured-list .container article .content-wrapper a i.icon {
 font-size:1.6em;
 color:#777;
}
.featured-list .container article .content-wrapper .mask a:hover {
 background:#eee;
}
.featured-list .container article .content-wrapper.open {
 max-height:20000px;
 -webkit-transition:max-height, 1s linear;
 -moz-transition: max-height, 1s linear;
 -ms-transition: max-height, 1s linear;
 -o-transition: max-height, 1s linear;
 transition: max-height, 1s linear;
}
.featured-list .container article .content-wrapper.open .mask{
 background:rgba(255,255,255,0);
 z-index:-100; /* send the mask to bottom layer so it doesn't cover the content */
}

/*.featured-list .container article .content-wrapper.open .mask i.icon-angle-down:before{content:"\72"}*/
.featured-list .container article .content-wrapper.open .mask a {
 display:none;
}
/* end of category description on top of the category listing*/

.featured-list .container article .content {
 margin-bottom:2em;
 text-align:justify;
}

.featured-list .container article .content h1,
.featured-list .container article .content h2{
 text-align:center;
}
.featured-list .container .row {
 display:flex; /* make all .item divs in this row the same height */
 overflow:hidden;
 /*margin-bottom:1.5em;*/
 clear:both;
 max-width: 76em;
 width: 90%;
 margin: 0 auto 1.5em auto;
}

.featured-list .container .row .item {
 float: left;
 display: block;
 margin-right: 1.6%;
 width: 23.8%;
 background:white;
 border:1px solid #ddd;
 /*overflow:hidden;*/
 position:relative;
 padding-bottom:2em; /* enough padding for the "...more" button */
}
.featured-list .container .row .item:last-of-type {/* last item don't need margin */
 margin-right:0;
}

.featured-list .container .item figure,
.featured-list .container .item img {
 width: 100%;
}
.featured-list .container .item .title {
 font-family: "Open Sans",sans-serif;
 padding:0.8em 1.3em;
 font-size:1.05em;
 font-weight: 500;
 color:#354c64;
 background: #e5f3f4;
 transition: color .15s,background .15s;
}

.featured-list .container .item .title {
 padding:1.2em 0.5em;
 height:2em; /* enough height for 2 line of texts, without it will have uneven height when text wraps to 2 lines */ 
 text-align:center;
 /* vertical center */ 
 display: flex;
 justify-content: center;
 flex-direction: column;
}
.featured-list .container .item .title:hover {
 background: rgba(53,76,101,0.7);
}
.featured-list .container .item a:hover .title,
.featured-list .container .item .title:hover>a {
 color:white;
}
.featured-list .container .item a {
 transition: color .15s,background .15s
}
.featured-list .container .item .title>a {
 color:#354c64;
}

.featured-list .container .item .title>a i {
 float:right;
 border:1px solid #cddae0;
 width:2em;
 height:2em;
 margin-left:1em;
 line-height:2;
 display: block;
 text-align:center;
 font-size: 0.6em;
 color:#728596;
}
.featured-list .container .item .title>a:hover i {
 background:#fff;
}
.featured-list .container .item .synopsis {
 font-family: "Open Sans",sans-serif;
 padding:0.5em 0.7em 1em 0.7em;
 font-size:0.96em;
}
.featured-list .container .item .featured-articles {
 background: white;
 margin-top: -4px;
 padding: 0.7em;
}
.featured-list .container .item .featured-articles a {
 display:block;
 color:#222;
 font-family: "Open Sans",sans-serif;
 font-weight:600;
 font-size:0.85em;
 padding:0.8em 0 0.8em 0;
 border-bottom: 1px solid #ddd;
 position:relative;
}
.featured-list .container .item .featured-articles a span.plus {
 position:absolute;
 right:0.5em;
 top:50%;
 font-size:0.7em;
}
.featured-list .container .item .featured-articles a span.plus:before,
.featured-list .container .item .featured-articles a span.plus:after {
 background: #555;
}

.featured-list .container .item .featured-articles a:last-of-type {
 border-bottom:0;
 font-weight:500;
 /* put the "...more" button at the lower right corder of the .item box */
 position:absolute;
 bottom:0;
 right:1em;
 text-align:right;
}
/* override the previous a css if it appears in article synoposis. */
.featured-list .container .item .featured-articles .synopsis a {
  position: relative;
  display:inline;
  right:0;
}
.featured-list .container .item .featured-articles a:hover {
 color:#aaa;
}
.featured-list .container .item .featured-articles a:hover span.plus:before,
.featured-list .container .item .featured-articles a:hover span.plus:after {
 background: #aaa;
}

/* these are only used for the home page */
section#how-it-works {
 margin-top:-50px;
}
section#how-it-works .container {
 width:100%;
 text-align:center;
 overflow:hidden;
 padding:0;
}

section#how-it-works .container h2,
section#how-it-works .container p,
section#blog-feed .container {
 /*width:96%;*/
 width:100%;
 max-width:76em;
 text-align:center;
 overflow:hidden;
 padding:0;
}
section#how-it-works .container h2,
section#blog-feed .container h2 {
 font-size:2em;
}
section#blog-feed .container h2 {
 text-align:left;
}
section#how-it-works h2 {
 margin-left:auto;
 margin-right:auto;
}
section#how-it-works .container p,
sectino#blog-feed .container {
 max-width:76em;
}
section#how-it-works .container>p {
 font-size:0.93em;
 width:60%;
 margin:0 auto 1.5em auto;
}
.icon-blocks-wrap {
 margin-top:3em;
 margin-bottom:0.5em;
 overflow:hidden;
 position:relative;
 background:#ebe9e4;
 padding:2em 6% 3.5em;
}
.icon-blocks-wrap h2 {
 margin-bottom:0;
}
.icon-blocks-inner {
 display:flex;
 margin-right:auto;
 margin-left:auto;
 max-width:76em;
}
.icon-block {
 /* 4 columns */
 /* width: calc(25% - 3.13em); */ /* 3.125 = 2 x 1em (padding) + 1.5*3/4 (margin) */
 /* 3 columns */
 /*width: calc(33% - 3em); /* 3.125 = 2 x 1em (padding) + 1.5*2/3 (margin) */
/* background: #eef7f8; */
 background: #ebe9e4;
 padding: 4em 1em 1em;
 margin: 6em 0 1em;
 position: relative;
 float:left;
 display:block;
}
.icon-block:first-of-type{
 margin-right:1.5em;
 padding-left:0;
}
.icon-block:last-of-type {
 margin-left:1.5em;
 padding-right:0;
}
.icon-block h4 {
 text-transform:uppercase;
 font: 600 .906em/1.25em "Open Sans",sans-serif;
 letter-spacing: 0.06em;
 color: #354c64;
 margin: 0 0 1em;
}
.icon-block figure {
 background: #fff;
 border-radius: 50%;
 width: 5.5em;
 height: 5.5em;
 position: absolute;
 top: 0;
 left: 50%;
 -webkit-transform: translate(-50%,-50%);
 transform: translate(-50%,-50%);
 margin: 0;
 box-shadow: 0 0 30px 10px rgba(143,172,182,.1);
}
.icon-block figure>div {
 font: 500 1.875em "Open Sans",sans-serif;
 width: 100%;
 position: absolute;
 left: 0;
 bottom: 1.25em;
 color: #354c64;
}
.icon-block figure>div span.odometer {
 font-family:"Open Sans",sans-serif;
}
.accordion-box {
 background:white;
 padding:.7em;
}
.accordion-box h5 {
 color:#99662F;
 font-family:"Open Sans",sans-serif;
 font-size:0.93em;
 font-weight:600;
/* border-bottom:1px solid #e8e9e4; */
 line-height:1.375em;
 margin:0;
}
.accordion-box h5 a {
 float: right;
}
.accordion-box .icon.icon-angle-down {
 display:inline-block;
 color:#99662F;
 /*float:right;*/
}
.accordion-box .icon.icon-angle-up {
 display:none;
 color:#99662F;
 /*float:right;*/
}
.accordion-box.open .icon.icon-angle-down {
 display:none;
}
.accordion-box.open .icon.icon-angle-up {
 display:inline-block;
}
.accordion-content {
 display:none;
 text-align:left;
 font-size:0.93em;
 padding-bottom:1em;
}
.accordion-content li {
 padding-bottom:0.5em;
}

.accordion-box.open .accordion-content {
 display:block;
}
.swiper.homepage {
 padding:0 6%;
 background:white;
 margin-bottom:1em;
}
.swiper.homepage .swiper-slide {
 background:white;
}
.homepage .featured-list {
 /*padding:0 6%;*/
 padding-top: 0.5em;
 background:#ebe9e4;
}
.homepage .featured-list .topArticles {
 max-width:76em;
 padding-bottom:3.5em;
 width: 90%;
}
.padding.homepage {
 padding:0 6%;
}
section#blog-feed {
 background: #f3f3f1;
 padding: 1em 6%;
}
section#blog-feed .container .posts {
 display:flex;
 width:100%;
}
section#blog-feed .post {
 background: #fff;
 box-sizing:border-box;
 float: left;
 display: block;
 margin-right: 2.35765%;
 width: 31.76157%;
 text-align: left;
 padding: 2.8125em 2.8125em 3.4375em;
}
section#blog-feed .post:last-of-type {
 margin-right:0;
}
section#blog-feed .post .info {
 color: #82bec8;
}
section#blog-feed img {
 display: none;
 width: 100%;
 height: auto;
}
/* these are only used for state-adoption pages */
section#state-links {
 /*background:#f3f3f1;*/
 text-align:center;
 padding:0 6%;
}
section#state-links .container{
 /*max-width:70em;*/
 max-width:76em;
 padding:2em;
}
section#state-links .container h1 {
 font-size:2em;
 text-align:left;
}
section#state-links .container .content{
 column-count:6;
 column-gap:2em;
/* column-width:20em; */
 text-align:left;
 /*text-transform:uppercase;*/
 /*font-size:0.8em;*/
 font-size:0.8em;
}
section#state-links .container a {
 display:block;
 margin-bottom:0.6em;
 border-bottom:none;
 color:#354c64;
}

.container.errormsg {
 max-width:60em;
 text-align:center;
 padding:2em;
}
/* These need to be at the last so they override all others */
*.medium, *.mobile {
 display:none;
}
*.desktop {
 display:inline-block;
}
.desktop#pregFreeInfoIntroVideo {
 display:block;
}

/* people also searched */
.alsoSearched {
 margin:3em 0;
 /*padding:1.5em 1.2em;*/
 padding: 4.065em;;
 border-radius: 27px;
 background: #eff5f6;
}
section#article-view .article-wrapper article .alsoSearched .title {
 text-transform:capitalize;
 text-align:left;
 border-bottom: none !important;
 font-family: 'Amiri',serif;
 font-weight: 400;
 font-size: 1.625em;
 margin:0!important;
 padding:0 0 0.25em;
 background-color: transparent;
}
.alsoSearched .item {
 /*margin-bottom:0.5em;*/
 /*border-bottom:1px solid #bcbcbc;*/
 padding:1em 0 0;
}
.alsoSearched a {
 border-bottom:none!important;
 color:#354c65;
}
.alsoSearched span.plus {
 display: none;
 width:0.5em;
 height:0.5em;
/* uncomment border if need a border around the plus sign */
/* border:1px solid #354c64; */
 position:relative;
 float:left;
 margin-top:0.35em;
 margin-right:0.5em;
}
.alsoSearched span.plus::before {
 height:0.5em;
}
.alsoSearched span.plus::after {
 width:0.5em;
}

/* top articles */
.container.topArticles {
 padding:0;
 margin: 0 auto 3em auto;
 overflow: initial !important;
}
.container.topArticles .row {
 overflow: auto;
 position: relative;
 display: flex;
 justify-content: space-between;
 width: 100% !important;
}
/*
.container.topArticles .row, .container.topArticles h2 {
 max-width: 76em;
 padding: 0 6%;
}
*/
.topArticles .item.article a {
 order:2;
}
.featured-list .container.topArticles .item  a:hover .title {
 color:#354c64;
}
.featured-list .container.topArticles .row.simple-list .item.article {
 display:flex;
 flex-direction:column;
 background:white;
 margin-bottom:2em;
}
.featured-list .container.topArticles .row.simple-list .item.article  .title {
 font-family:'Amiri';
 text-align:left;
 padding:1.2em 0.8em 0;
 background:white;
 font-weight:400;
 font-size:1.3em;
 position:relative!important;
 height:fit-content;
}
.featured-list .container.topArticles .row.simple-list .item.article figure,
.featured-list .container.topArticles .row.simple-list .item.article:last-of-type figure {
 order:1;
 width:100%;
}
.featured-list .container.topArticles .row.simple-list .item.article figure img {
 height:auto;
}
.featured-list .container.topArticles .row.simple-list .item.article .featured-articles {
 order:3;
 display:block;
 padding:1.2em 1.03em;
}
.featured-list .container.topArticles .row.simple-list .item.article .synopsis {
 padding:0.5em 0 2em;
 display:block;
}

.featured-list .container.topArticles .row.simple-list .item.article .more {
 color:#99662f;
 font-weight:600;
 display:block;
 font-size:0.96em;
}

.featured-list .container.topArticles .row.simple-list .item.article .more:after { font-family:"swiper-icons";
 content:"next";
 font-size:0.8em;
 margin-left:0.5em;
}

/* top videos */
.swiper-wrapper {
 text-align:center;
 padding-bottom:1em;
 max-width:76em;
 margin:0 auto;
}
.swiper {
 background:#e8e9e4;
 z-index:0;
 /*max-width:76em;*/
 padding:0 6%;
 margin-bottom: 5em;
}
.swiper-title {
 max-width:76em;
 margin-left:auto;
 margin-right:auto;
}
.swiper h2 {
 /*margin-left:1em;*/
}

/* CSS filter generator to convert from black to target hex color: https://codepen.io/sosuke/pen/Pjoqqp */
/* As noted in the CodePen, if your SVG isn't black (mine was grey), adding brightness(0) saturate(100%) to the beginning of the list of filters will first turn it 100% black, which enables the other filters to change it to the correct color. */
h2 .star {
 filter: brightness(0) saturate(100%) invert(26%) sepia(9%) saturate(2456%) hue-rotate(170deg) brightness(91%) contrast(84%);
}

.swiper-slide {
 text-align: center;
 background:#e8e9e4;
 padding-bottom:1.5em;
 /*width:unset!important;*/
 flex-shrink:0;
 /* Center slide text vertically */
/*
 display: -webkit-box;
 display: -ms-flexbox;
 display: -webkit-flex;
 display: flex;
 -webkit-box-pack: center;
 -ms-flex-pack: center;
 -webkit-justify-content: center;
 justify-content: center;
 -webkit-box-align: center;
 -ms-flex-align: center;
 -webkit-align-items: center;
 align-items: center;
*/
}
.swiper-slide img {
 width:100%;
 max-width:100%;
}
.swiper-slide-content {
 margin:auto;
 /*width:82%;*/
 width:unset;
 background:white;
}
/*
.swiper-slide:first-of-type .swiper-slide-content {
 float:left;
}
*/
.swiper-slide:last-of-type .swiper-slide-content {
 /*float:right;*/
}
.swiper-slide-content h3, .swiper-slide-content h3 a {
 /*font-size:0.906em;*/
 font-size: 1em;
 color: #f8f8f8;
}
.swiper-slide-content h3 {
 position: relative;
 margin-top:0px;
 margin-bottom:0px;
 top: -4em;
 height:3em;
 padding:0.5em 0.5em 0.5em 0.5em;
 background: rgb(53,76,100,0.8);
 display:flex;
 align-items:center;
 justify-content:center;
}
.swiper-slide-content h3 a {
 font-family:'Open Sans',sans-serif;
}
.swiper-slide-content .title {
 color: #354c64;
 text-align:left;
 padding:5px;
 border-bottom:1px solid #ddd;
}
.swiper-slide-content .synopsis {
 position: relative;
 top:-4em;
 font-family: "Open Sans",sans-serif;
 padding:0 0.7em 1em 0.7em;
 font-size:0.906em;
}
.swiper-slide-content .more {
 position: relative;
 top:-1em;
 color: #99662F;
}
/*
.swiper-slide-content a:last-of-type {
 position:absolute;
 bottom:0;
 right:1em;
 text-align:right;
}
*/

.swiper-button-next:after, .swiper-button-prev:after {
 font-size:1.5em;
 display:none;
}

/* Widget - General */
.widget {
 max-width: 500px;
 width: 100%;
 margin: 2em auto;
}
.widget.full-width {
 max-width: unset;
 width: 100%;
}
.widget h3 {
 font-size: 2.1em;
 text-align: center;
}
.widget h3, .widget h4 {
 margin: 0;
}
.widget p, .widget a, .widget h3, .widget h4, .widget li {
 color: #354c64;
}
.widget p a, .widget p a:hover {
 color: #99662F;
}
.widget ul { 
 padding-left: 2.75em;
}
.widget li {
 margin-bottom: 0.75em;
 font-weight: 600;
}
.widget .widget-icon {
 margin: 0 auto 1.25em;
}
article .content .star-separator {
 margin: 1.4em;
}
article .content .star-separator img {
 width: 16px;
}
article .content .widget img {
 box-shadow: none;
}
.widget .icon-info {
 position: relative;
 top: -4px;
 margin-left: 5px;
 display: inline-block;
 width: 20px;
 height: unset;
 line-height: unset;
 font-size: unset;
}
.widget .b-actions a.button.direct-cta,
.widget .b-actions a.transitional-cta {
 font-size: 0.9em;
 letter-spacing: 1.5px;
}
.widget .b-actions a.button.direct-cta {
 background-color: #99662F;
 width: unset;
 margin-right: 1em;
}
.widget .b-actions a.button.direct-cta span {
 padding: 5px 20px;
}
.widget .b-actions a.button.direct-cta:hover {
 background-color: #354c64;
}
.widget .b-actions a.transitional-cta {
 color: #354c64;
 border-bottom-color: #354c64;
 text-transform: uppercase;
}
.widget .with-info-icon {
 text-align: center;
}
.widget .with-info-icon > p, .widget .with-info-icon > div {
 display: inline;
}
.widget .with-info-icon * {
 text-align: left !important;
}
.widget .with-info-icon .close-info, .widget .with-info-icon .icon-info-text div:first-of-type {
 text-align: right !important;
}


/* Widget - Bulleted List */
.bulleted-widget {
 display: flex;
 justify-content: center;
}
.bulleted-widget .bulleted-inner {
 padding: 3.2em;
}
.bulleted-widget h3 { 
 margin-bottom: 0.75em;
}
.bulleted-widget .b-actions .button {
 margin-top: 1em;
}


/* QA Widget */
.qa-widget {
 background: #EFF5F6;
 text-align: center;
 /*border-radius: 20px;*/
}
.qa-widget > div {
 padding: 4em 3.2em;
}
.widget.qa-widget .qa-box h3 {
 font-size: 1.3em;
 font-family: "Open Sans",sans-serif;
 font-weight: 600;
 margin: 0 0 1.4em;
}
.qa-widget .qa-box p {
 color: #354c65;
 margin: 0;
}

/* Graph Widget - General */
.graph-widget {
 box-shadow: 0px 3px 6px #00000029;
}
.graph-widget table {
 border-spacing: 0px; 
}
.graph-widget table tr th, .graph-widget table tr td {
 border-collapse: collapse;
 border-bottom: 1px solid rgba(53,76,100,0.34);
 border-right: 1px solid rgba(53,76,100,0.34);
 padding: 0 1.6em;
 text-align: left;
 height: 76px;
}
.graph-widget table tr th {
 color: #354c64;
}
.graph-widget table tr:last-of-type td {
 border-bottom: none;
}
.graph-widget table tr th:last-of-type, .graph-widget table tr td:last-of-type {
 border-right: none;
}
.graph-widget table tr td {
 text-align: center;
}
.graph-widget table tr td:first-of-type {
 text-align: left;
}

/* Graph Widget - Wait Times */
#wait-times table tbody tr:first-of-type {
 background: #EFF5F6 0% 0% no-repeat padding-box;
}
#wait-times span.italic {
 font-weight: 100;
 font-size: 0.8em;
}
#wait-times table tr th {
 width: 26%;
}
#wait-times table tr th:first-of-type {
 width: 30%;
}
#wait-times table tr th:last-of-type {
 width: unset;
 padding: 0 2.4em !important;
}
#wait-times .icon-info {
 position: relative;
 top: -4px;
 display: inline-block;  
 width: 20px;
 height: unset;
 line-height: unset;
 font-size: unset;
}
#wait-times .icon-info-text div .icon-circle-check {
 font-weight: 600;
}

/* Graph Widget - Fees at Risk */
#fees-at-risk table tr th {
 padding: 0 1em 0 2.5em;
 width: 29%;
}
#fees-at-risk table tr th:first-of-type {
 padding: 0 1.6em;
 width: 45%;
}
#fees-at-risk table tr th:last-of-type {
 padding: 0 1em 0 2em;
}
#fees-at-risk table tbody tr td {
 text-align: center;
}
#fees-at-risk table tbody tr td:first-of-type {
 text-align: left;
}
#fees-at-risk table tr th, #fees-at-risk table tr td {
 background: rgba(248,220,220,0.78);
}
#fees-at-risk table tr th:first-of-type, #fees-at-risk table tr td:first-of-type {
 background: white;
}
#fees-at-risk table tr th:last-of-type, #fees-at-risk table tr td:last-of-type {
 background: #EFF5F6;
}

/* graph image widget */
.graph-image-widget {
 width: 50%;
 margin: 2em auto;
}
.graph-image-widget img {
 box-shadow: none !important;
}

@media screen and (max-width: 786px) {
  .art-temp-1 .content .graph-image-widget {
    grid-column: content;
    width: 90%;
  }
}

/* Widget - Did You Know */
.did-you-know {
  text-align: center;
  border: 1px solid #bcbcbc; 
}
.did-you-know > div {
 padding: 3.2em;
}
.did-you-know h3 {
 /*font-size: 2em;*/
 margin: 0;
}
.did-you-know p {
 margin: 0;
}

/* Widget - Expanable Web Traffic */
.web-traffic-table {
  background: white;
}
.web-traffic-table > div {
  padding: 3.2em 3.2em 1em;
}
.web-traffic-table div {
  color: #354c64;
  line-height: 1.2;
}
.web-traffic-table h3 {
  margin: 0 0 0.5em;
}
.web-traffic-table .subtitle {
  text-align: center;
  font-style: italic;
  font-size: 0.95em;
  margin-bottom: 2.5em;
  font-weight: 600;
}
.web-traffic-table .table-header, .web-traffic-table .agency-row {
  display: flex;
  padding: 0.65em 2em;
}
.web-traffic-table .table-header {
  align-items: flex-end;
}
.web-traffic-table .table-header div {
  color: rgba(0,0,0,0.5);
}
.web-traffic-table .table-header .agency-visitors {
  font-weight: 600;
}
.web-traffic-table .agency-row {
  align-items: center;
}
.web-traffic-table .agency-row.highlighted {
  background-color: #e8e6e1;
}
.web-traffic-table .agency-row:not(.highlighted) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.25);
}
.web-traffic-table .agency-rank {
  width: 20%;
  font-family: "Amiri", serif;
  font-size: 2.3em;
  color: rgba(0,0,0,0.25);
  line-height: 1.0;
  font-weight: 400;
  position: relative;
  top: 2px;
  opacity: 0;
  transition: opacity 0.4s ease;
}
.web-traffic-table .agency-row.highlighted .agency-rank {
    color: #354c64;
}
.web-traffic-table .agency-rank.visible {
  opacity: 1;
}
.web-traffic-table .agency-name, .web-traffic-table .agency-visitors {
  width: 40%;
}
.web-traffic-table .agency-name {
  position: relative;
  font-weight: 600;
}
.web-traffic-table .agency-name::before {
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #354c64;
  position: absolute;
  top: 30%;
  left: -20px;
  transform: translateY(-30%);
}

.web-traffic-table .table-header .agency-name::before {
  display: none;
}
.web-traffic-table .agency-visitors {
  text-align: center;
  font-weight: 400;
}
.web-traffic-table .agency-row.highlighted .agency-visitors {
  font-size: 1.5em;
  font-weight: 600;
}
.web-traffic-table .hidden-rows {
  overflow: hidden;
  max-height: 0;
  transition: max-height 1s ease-in;
}
.web-traffic-table .hidden-rows.open {
  max-height: 600px;
}
.web-traffic-table .expand-arrow {
  display: flex;
  justify-content: center;
  margin: 1.5em 0 0.5em;
  cursor: pointer;
  transition: transform 0.3s ease;
}
.web-traffic-table .expand-arrow.rotated {
  transform: rotate(180deg);
}
.web-traffic-table .expand-arrow:hover.rotated {
  transform: rotate(180deg) scale(1.1);
}
.web-traffic-table .arrow-icon {
  width: 20px;
  height: 20px;
  fill: #bdc3c7;
  transition: fill 0.3s ease;
}
.web-traffic-table .expand-arrow:hover .arrow-icon {
  fill: #7f8c8d;
}

@media screen and (max-width: 600px){
  .web-traffic-table > div {
    padding: 3.2em 1.75em 0.5em !important;
  }
  .web-traffic-table .table-header .agency-visitors {
    font-size: 0.85em;
  }
  .web-traffic-table .table-header, .web-traffic-table .agency-row {
    padding: 0.65em 1.25em;
  }
  .web-traffic-table .expand-arrow {
    margin: 1.5em 0 1em;
  }
  .content .web-traffic-table h3 {
    width: 100%;
    font-size: 2.065em;
  }
  .web-traffic-table .subtitle {
    margin-bottom: 1em;
  }
}


/* Quote Widget - General */
article .content .quote-staff .quote-text p.quote, article .content .quote-client .quote-text p.quote {
 font-style: normal;
}
article .content .quote-staff .quote-text p.quote::before, article .content .quote-client .quote-text p.quote::before, article .content .quote-staff .quote-text p.quote::after, article .content .quote-client .quote-text p.quote::after {
 content: '';
}
.quote-staff .quote-text .quote, .quote-client .quote-text .quote {
 font-size: 1.08em;
}
.quote-widget .quote {
 line-height: 32px;
}
.quote-widget .quote-cta a {
 font-weight: 400;
 color: #99662F;
 border-color: #99662F;
}
.quote-widget .quote-cta a:hover {
 border-color: #354c64 !important;
 color: #354c64 !important;
}

/* Quote Widget - Staff */
.quote-staff div .quote-text img {
 width: 44px;
}
.quote-staff > div {
 width: 100%;
 padding: 2.75em 0 3.5em;
}
.quote-staff div .quote-text, .quote-staff div .quote-extra > * {
 max-width: 500px;
 width: 82%;
 margin: 0 auto;
}
.quote-staff div .quote-text {
 padding-bottom: 2em;
}
.quote-staff .quote-text .quote-author {
 font-size: 1.1em;
}
.quote-staff .quote-text .quote-author .quote-author-title {
 font-size: 0.9em;
}
.quote-extra {
 background: white;
}
.quote-staff .quote-extra > div {
 display: flex;
 max-width: 540px;
 width: 92%;
 margin: 0 auto;
 padding: 1.31em 0;
}
.quote-staff .quote-extra  .star-separator {
 margin: 0 11px 0 0;
}
.quote-staff .quote-extra p {
 margin: 0;
}

/* Quote Widget - Client */
.quote-client {
 border-radius: 20px;
}
.quote-client > div {
 padding: 4em;
}
.quote-client .quote-text ul {
 list-style: none;
 padding: 0;
}
.quote-client .quote-text ul .quote-author {
 font-size: 1.05em;
 text-indent: -10px;
}
.quote-client .quote-text ul .quote-author span {
 padding-left: 5px;
}
.quote-client .quote-text .quote-author::before {
 content: '-';
 text-indent: -5px;
 padding-right: 5px;
}

/* single CTA widget */
.cta-widget > div {
 padding: 3.2em 3.5em;
}
.cta-widget .cta-widget-text h3 {
 margin-bottom: 0.5em;
}
.cta-widget .cta-widget-text p {
 text-align: center;
 width: 98%;
}
.cta-widget .b-actions {
 text-align: center;
}
.cta-widget .b-actions .button {
 margin-bottom: 0;
}
.cta-widget .with-info-icon {
 margin-bottom: 1em;
}

/* 24/7 support widget */
.support-247-widget > div {
 padding: 3.2em;
}
.support-247-widget .widget-icon {
 width: 55px;
}
.support-247-widget .b-actions {
 text-align: center;
}
.support-247-widget .b-actions a.button.direct-cta {
 background: transparent;
 color: #354c64;
 border: 1px solid #354c64;
 margin-top: 1.5em;
}
.support-247-widget .b-actions a.button.direct-cta:hover {
 color: white;
}

/* single video widget */
.widget.single-video-widget {
 width: 75%;
 max-width: 900px !important;
 background-color: #E8E9E4;
}
.single-video-widget > div {
 padding: 3.2em;
}
.single-video-widget .video-widget-text h3 {
 font-family: "Open Sans",sans-serif;
 text-align: left;
 text-transform: uppercase;
 font-size: 1.25em;
 letter-spacing: 1px;
 font-weight: 600;
}
.single-video-widget .video-widget-text h3 img {
 position: relative;
 top: -1px;
}
.single-video-widget .video-widget-text img {
 height: 17px;
 width: unset;
}

/* bulleted widget with checkmarks */
.bulleted-checkmarks-widget > div {
 padding: 3.2em;
}
.bulleted-checkmarks-widget .bulleted-text div {
 display: flex;
 justify-content: center;
}
.bulleted-checkmarks-widget .bulleted-text h3 {
 margin-bottom: 0.25em;
}
.bulleted-checkmarks-widget .bulleted-text ul {
 list-style-image: url(../assets/images/bullet-checkmark-gold.svg);
 padding-left: 2em;
 width: fit-content !important;
}
.bulleted-checkmarks-widget .bulleted-text p {
 width: 69%;
 margin: 0 auto;
}

/* home study form widget */
.home-study-widget > div {
 padding: 3.2em;
}
.home-study-widget h3 {
 margin-bottom: 0.75em;
}
.home-study-widget form {
 width: 65%;
 margin: 0 auto;
}
.home-study-widget form .input-field-wrap {
 position: relative;
}
.home-study-widget form .input-field-wrap::after {
 content: "";
 font-size: 1rem;
 position: absolute;
 pointer-events: none;
 top: 16px;
 right: 22px;
 position: absolute;
 border: solid #354c64;
 border-width: 0px 2px 2px 0;
 display: inline-block;
 padding: 4px;
 margin-left: 1px;
 transform: rotate(45deg);
}
.home-study-widget form select {
 text-transform: uppercase;
 font-weight: 600;
 border: none;
 padding: 1em;
 height: unset;
 letter-spacing: 1px;
}
.home-study-widget form p {
 text-align: center;
}
.home-study-widget form p a, .home-study-widget form p a:hover {
 color: #BCBCBC;
 font-style: italic;
 border-bottom-color: #BCBCBC !important;
}
.home-study-widget form .b-actions {
 margin-top: 0;
}
.home-study-widget form .b-actions button {
 margin-left: 0;
 margin-right: 0;
 background: #99662f;
 width: fit-content;
}
.home-study-widget form .b-actions button:hover {
 background: #354c64;
}
.home-study-widget form .b-actions button span {
 padding-left: 2.25em;
 padding-right: 2.25em;
}


/* Google Search */
.gsib_a input:focus {
 box-shadow: none !important;
}

/* Instabot icon */
.roko-instabot-widget-button {
 bottom: 55px !important;
}
.roko-instabot-widget {
 z-index: 500 !important;
}
.roko-instabot-widget-button {
 z-index: 398 !important;
}

/* ADA */
a:focus, .sidenav button.more:focus {
 outline: thin dotted;
}
button:focus {
  outline: 2px solid #354c64;
}
.screen-reader-text {
 clip: rect(1px, 1px, 1px, 1px);
 position: absolute !important;
 margin: 0;
}
.screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus {
 background-color: #eff5f6;
 border-radius: 3px;
 box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
 clip: auto !important;
 color: #354c65;
 display: block;
 font-size: 1em;
 font-weight: 600;
 height: auto;
 left: 5px;
 line-height: normal;
 padding: 15px 23px 14px;
 text-decoration: none;
 top: 5px;
 width: auto;
 z-index: 100000;
}
		

@media print {    
 .no-print, .no-print * {
   display: none !important;
 }
 .only-print, .only-print * {
   display:block !important;
 }

 body {
  font-size:10pt;
 }

/*
 header.scrolled,
 header.scrolled .container .navbar-logo,
 header .container .navbar-logo {
   display:none;
 }
*/
 /* https://www.smashingmagazine.com/2013/03/tips-and-tricks-for-print-style-sheets/ */

 article a {
  font-weight: bolder;
 }
 article a[href^=http]:after {
   content:" <" attr(href) "> ";
 }
 article a[href^="#"]:after {
   content: "";
 }
 a:after > img {
   content: "";
 }
 a:not(:local-link):after {
   content:" <" attr(href) "> ";
 }

 section#article-view .article-wrapper article .content, aside {
  float:none;
  width:100%;
  margin:0;
 }
 aside.featured-list .container {
  padding:0;
 }

 @page {
  margin:1.9cm;
 }
}
/*
@media screen and (min-height: 900px){
 .dropdown-container {
  overflow-y: hidden;
 }
}

@media screen and (max-height: 1000px){
 .dropdown-container {
  height: calc(100% + 350px);
  min-height: calc(100% + 350px);
  max-height: calc(100% + 350px);
 }
}
*/
/* On smaller screens, where height is less than 450px */
@media screen and (max-height: 450px) {
 #favorite-btn {
  bottom: 68%
 }
 #top-btn.overlay-btn {
  bottom: 68%;
 }
 #photo-btn.overlay-btn {
  bottom: 40%;
 }
 #contact-btn.overlay-btn {
  bottom: 18%;
 }
 #related-btn.overlay-btn {
  bottom: 42%;
 }
 #freeinfo-btn.overlay-btn {
  bottom: 6%;
 }

 /* side nav logo and close button */
 .sidenav-header {
  padding-bottom: 0;
 }
 .sidenav-header .logo {
  padding-top: 0px;
  text-align:left;
 }
 .sidenav-header .logo img {
  height:55px;
 }
 .sidenav .close-btn {
  padding:0.5em 0.5em 0 0.5em;
  font-size: 1.7em;
 }
 .dropdown-container {
  max-height: calc(100% + 500px);
  min-height: calc(100% + 500px);
  height: calc(100% + 500px);
 }
 /* top level links/dropdowns */
 .sidenav-links a, .sidenav-links .dropdown-btn {
  padding:0.8em 0 0.8em 0;
  font-size:0.906em;
  margin-top: 0;
  margin-bottom: 0;
 }

 /* 1st level links/dropdowns */
 .dropdown-container a, .dropdown-container .dropdown-btn {
  padding: 0.8em 1em 0.8em 1em;
  font-size:0.906em;
 }

 .dropdown-container a.featured {
  padding: 0 1em 0.8em 1em;
 }
 .dropdown-container a.featured span {
  height:1.3em;
  /*width: calc(100% - 86px);*/
 }

 /* 2nd level links/dropdowns */
 .dropdown-container .dropdown-container a, .dropdown-container .dropdown-container .dropdown-btn {
  padding: 0.8em 1em 0.8em 1.5em;
  font-size:0.906em;
 }
 /* 3nd level links/dropdowns */
 .dropdown-container .dropdown-container .dropdown-container a, .dropdown-container .dropdown-container .dropdown-container .dropdown-btn {
  /*padding: 0.7em 1.0em 0.7em 2em;*/
  font-size:0.906em;
 }
}

@media screen and (min-width: 1800px) {
 #hero .container h1 {
  margin-top:0.1em;
  padding-left:0.2em;
  width:40%;
  font-size: 3.5em;
 }
}

@media screen and (min-width: 1290px){
 /* top videos */
 .swiper {
  padding:0 6%;
  margin: 0 auto 5em auto;
 }
 .swiper-slide {
  flex-shrink:unset;
 }
 .swiper-slide:first-of-type .swiper-slide-content {
  margin-left: 0;
 }
 .swiper-slide:last-of-type .swiper-slide-content {
  margin-right:0;
 }
}

@media screen and (max-width: 960px) {
/*
 header, header.scrolled, header .container {
  background:#354C64;
  height: 3.25em;
 }
 header.scrolled .container .navbar-logo {
  transition: background 0.9s;
 }
 header.scrolled .container .navbar-logo .desktop {
  display: none;
 }
 header.scrolled .container .navbar-logo .mobile {
  display: block;
 }

 header .container, header.scrolled .container {
  padding: 0;
  display: flex;
 }
 #navbar {
  display:none;
  left:0;
  -webkit-transform:translateX(0);
  transform:translateX(0);
  margin-top: 0;
 }
 #navbar .medium, #navbar-right, #navbar .no-narrow {
  display: none;
 }
 main.scrolled .supplement-top-nav {
  top:6.75em;
 }
 .overlay {
  top: 3.25em;
 }
 *.mobile {
  display: flex;
  align-items: center;
  height: 100%;
 }
*/
 body.embed main.scrolled .supplement-top-nav {
  top:0;
 }
 body.embed main {
  position:relative;
  top:2em;
 }
/*
 #navbar a, #navbar-right a {
  color:white;
  padding-bottom:0.5em;
 }
 #navbar-right {
  margin-right:0.5em;
 }

 header .container .navbar-logo {
  top: 2.5em;
  width:100%;
  text-align:left;
 }
 header .container .navbar-logo .mobile .logo, header .container .navbar-logo .mobile .logo:hover {
  color: white;
 }

 header .container .navbar-logo a.tel-link {
  display:block;
  float:right;
  text-align:right;
  color: #354c64;
  padding-right:1em;
  font-size:1.3em;
 }
 header.scrolled .container .navbar-logo {
  text-align:center;
 }
 header.scrolled .container .navbar-logo a.form-link,
 header.scrolled .container .navbar-logo a.tel-link {
  float:none;
  display:inline-block;
  background: #354c64;
  color:#f8f8f8;
  font-size:1.1em;
  padding:0.2em 0.8em;
  margin-left:1em;
  margin-right:1em;
  margin-bottom:0.3em;
  border-radius: 5px;
  box-shadow: 3px 3px 5px grey;
 }
 header.scrolled .container .navbar-logo a.form-link:hover,
 header.scrolled .container .navbar-logo a.tel-link:hover {
  background: #80b0b5;
 }
 header .container .navbar-logo img {
  float:left;
  width:45%;
  text-align:left;
 }
 #burger {
  display: flex;
  align-items: center;
  position: absolute;
  right: 0;
 }

 /* home */
 .homepage .featured-list {
  padding-left: 5% !important;
 }
 .homepage .container.topArticles {
  padding-left: 0 !important;
  width: 100%;
 }
 
 /* hero section */
 #hero {
  height: 23em;
 }
 #hero .container {
  top: 5em;
 }
 #hero .container h1 {
  padding-left:0.2em;
  width:50%;
  font-size: 2.2em;
 }
 /* internal page hero section */
 #hero.inner {
   height:15em;
 }
 /* little extra shadow transparency on top of the hero section */
 #hero.inner::before {
   height:8em; 
 }
 #hero #video-btn.button {
  margin-inline-start: 0;
 }
 
 /* hero CTAs */
 .button-group {
  width:80%;
 }
 .button-group .button {
  width:45%;
 } 

 /* side nav logo and close button */
/*
 .sidenav {
  top: 3.25em;
 }
 .sidenav-header {
  display: none;
 }
*/
 /* top level links/dropdowns */
/*
 .dropdown-back-btn {
  top: 0;
 }
 .dropdown-container {
  top: 57px !important;
 }
 .sidenav-links a, .sidenav-links .dropdown-btn {
  font-size:1em;
  margin-top: 0;
  margin-bottom: 0;
 }
*/
 /* 1st level links/dropdowns */
/*
 .dropdown-container a, .dropdown-container .dropdown-btn {
  font-size:0.9em;
 }

 .dropdown-container a.featured span {
  height:1.3em;
 }
*/

 /* 2nd level links/dropdowns */
/*
 .dropdown-container .dropdown-container a, .dropdown-container .dropdown-container .dropdown-btn {
  padding: 0.8em 1em 0.8em 1.5em;
  font-size:0.8em;
 }
*/
 /* 3nd level links/dropdowns */
/*
 .dropdown-container .dropdown-container .dropdown-container a, .dropdown-container .dropdown-container .dropdown-container .dropdown-btn {
  font-size:0.7em;
 }
*/
 
 /* Family Slider */
 section#family-slider  {
  height:420px;
 }
 section#family-slider  img {
  height:140px;
 }

 /* Featured Category/Article List */
 .featured-list .container .row {
  display:block;
  /*display:flex;*/
  /*flex-wrap:wrap;*/
  margin-bottom:0;
 }
 .featured-list .container .row .item {
  width:46%;
  margin-right:6%;
  margin-bottom:1em;
 }
 .featured-list .container .row .item:nth-of-type(2n) {/* last item don't need margin */
  margin-right:0;
 }
 .featured-list .container .item .title {
  padding:1em;
 }
 .featured-list .container .item .synopsis {
  padding:0 1em 1em 1em;
 }

 /* Top articles */ 
 .featured-list .container .featured-list {
  width: 100%;
 }
 .container.topArticles {
   padding-left: 5% !important;
 }
 .featured-list .container.topArticles .row {
  display: flex !important;
  overflow: auto !important;
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
 }
 .featured-list .container.topArticles .row::-webkit-scrollbar {
  display: none;
 }
 .featured-list .container.topArticles .row .item {
  min-width: 42%;
 }
 .featured-list .container.topArticles .row .item:nth-of-type(2n) {
  margin-right:6%;
 }
 .featured-list .container.topArticles .row .item:last-of-type {
  margin-right: 0;
 }


 .tabs.medium {
  display:flex;
 }
 .tabs button {
  padding:1em;
 }
 .tab-content {
  padding:1em;
 }

 /* These are only used for the home page */
 section#how-it-works .container>p {
  width:80%;
 }
 .icon-block {
  width: calc(50% - 2.8em); /* 2.75 = 2 x 1em (padding) + 1.5*1/2 (margin) */
 }
 .icon-block:nth-of-type(even) {
  margin-right:0;
 }

 section#blog-feed .container .posts {
   display:block;
 }
 section#blog-feed .post {
  width:100%;
  float:none;
  margin-right:0;
  margin-bottom:1em;
 }
 .b-actions.article {
  flex-direction: column;
  align-items: center;
 }
 .fa {
  /*border: 1px solid #eee;*/
  width:2em;
 }
 
 /* Curated articles from nav displaying on main Pregnant and Adopt pages w/ accordion feature */
 .module-curated-container {
  width: 255px;
  padding: 2.375em 0;
  flex-direction: column;
 }
 .module-curated-container .module-name {
  justify-content: normal;
  margin: 0 0 24px 16px;
  
 } 
 .module-curated-container .module-name h3 {
  font-size: 1.975em;
 }
 .module-curated-container > div {
  width: 100%;
  display: block;
 }
 .module-curated-container .nav-curated-section  .curated-links {
  margin-left: 25px;
  max-height: 0;
  overflow: hidden;
  transition: all 0.4s linear;
 }
 .module-curated-container .nav-curated-section .curated-links.open {
  max-height: 400px;
  transition: all 0.4s linear;
 }
 .module-curated-container .nav-curated-section .curated-title {
  display: flex;
 }
 .module-curated-container .nav-curated-section .curated-title .icon-plus, .module-curated-container .nav-curated-section .curated-title .icon-x {
  margin: -6px 0 0 0;
  padding-right: 17px;
  display: block;
 }
 .module-curated-container .nav-curated-section h3 {
  font-size: 0.94em;
  margin: 0 0 0 -23px;
  padding: 0 0 1.4em 20px;
 }
 .module-curated-container .nav-curated-section .curated-links p:last-of-type {
  margin-bottom: 1.6em;
 }
 .module-curated-container .nav-curated-section p a {
  font-size: 0.91em;
 }


 /* These need to be at the last so they override all others */
 /**.desktop, *.mobile {*/
 *.desktop {
  display:none;
 }
 .desktop#pregFreeInfoIntroVideo {
   display:none;
 }
 *.medium {
  display:inline-block;
 }
}

@media screen and (max-width: 800px) {
 section#state-links .container .content{
  column-count:5;
 }
 section.featured-card .description {
  padding: 3em;
 }
 footer .b-contact {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: white;
  text-align: center;
  box-shadow:0 -5px 15px #BBB;
  display: flex;
  padding: 0;
 }
 footer .b-contact > a.button {
  color: #fefefe;
  background: #354C64;
  z-index:999;
  display:inline-block;
  text-transform:uppercase;
  margin:0;
  padding:1em;
  transition:background 0.15s;
  font-size:0.75em;
  font-weight:bold;
  width: 49.5%;
  border-radius:0;
 }
 footer .b-contact a.button:hover {
   background: #9aced3;
 }
 footer .b-contact a.button:first-of-type {
  margin-right: 0.25%;
 }
 footer .b-actions a.button:last-of-type {
  margin-left: 0.25%;
 }

 section#article-view .article-wrapper article .content, aside {
  float:none;
  width:100%;
  margin:0;
 }
 aside.featured-list .container {
  padding:0 0 1em 0;
 }

 .fa {
  /* remove the box around the search icon */
  border: 0;
  width: auto;
  padding: 0;
 }

 /* home page only */
 .icon-blocks-inner {
  display:block;
 }
 .icon-block {
  width:unset;
 }
 .icon-block:first-of-type {
  margin-right:0;
 }
 .icon-block:last-of-type {
  margin-left:0;
 }

 /* intake forms */
 .intake-form {
  margin: 5em auto 4em auto;
 }
 #preSubmitMsgDiv {
  border: 1.5px solid #bcbcbc;
  margin-bottom: 3.5em !important;
  border-radius: 15px;
 }
  #af-form #preSubmitMsgDiv{
    border: none;
  }
 .border-arrow {
  left: 50%;
 }
 .form-intro-text .border-arrow {
  display: none;
 }
 .intake-form .title, .intake-form .title h2 {
  margin-bottom: 0;
 }
 .intake-form .title h1 {
  margin: 1em auto 0.1em;
  width: 90%;
 }
 .intake-form .form-intro-text {
  padding: 0 5% 10px;
  border: none;
  margin: 0.83em 0 1.5em !important;
 }
 .form-intro-text p {
  margin: 0.25em 0 0.5em;
 }
 .intake-form .g-recaptcha {
  float: none;
 }
 .intake-form .b-actions {
  margin-top: 25px;
 }
 .intake-form .b-actions p {
  margin-top: 1em;
  text-align: center;
 }
 .form-phone {
  text-align: center;
 }
 .form-phone p {
  display: block;
 }
 .form-phone p:first-of-type {
  margin-block-end: 0;
 }
 .form-phone p:last-of-type {
  margin-block-start: 0;
  margin-block-end: 2em;
 }
 .disclaimer {
  text-align: center;
 }
 .color-block:not([class*=white]) .alsoSearched {
  background: white;
 }
 article .featured-list .container .b-actions {
  text-align:center;
 }
 .color-block:not([class*=white]) .widget, .color-block:not([class*=white]) .widget > div {
  border: none;
 }
 .color-block .widget > div.emphasized-text-with-title {
  border-left: 3px solid #99662F;
 }
 .color-block.grey .widget .emphasized-title {
  margin: 0.75em 0; 
 }
 .content .widget .emphasized-title {
   margin: 0;
 }
}

@media screen and (max-width: 600px) {
/*
 .sidenav-header #burger {
  margin-top:-0.3em;
 }
*/
 section#state-links .container .content{
  column-count:3;
 }
 .swiper-button-next, .swiper-button-prev {
  /*display:none;*/
 }
 .swiper:not(.homepage) .swiper-slide-content {
  /*width:88%!important;*/
  /*width:100%;*/
 }
 .no-narrow, .no-narrow *, .button span.no-narrow {
  display:none;
 }

 /* no need for the overlay close button in mobile, sidenav covers the whole screen */
/*
 body.sidenav-open .overlay a.close-btn {
  display:none;
 }
 header .container .navbar-logo a.tel-link {
  font-size:0.9em;
 }
 header.scrolled .container .navbar-logo a.tel-link,
 header.scrolled .container .navbar-logo a.form-link {
  font-size:0.9em;
  letter-spacing: 0.06em;
  margin-left:0.2em;
  margin-right:0.2em;
 }
 header .container .navbar-logo img {
  height:40px;
 }
 .supplement-top-nav a.button {
  font-size:0.8em;
 }
 #navbar-logo .mobile a.logo {
  padding: 0.285em 0 0.285em 0.5em;
  font-size: 1em;
 }
 #burger {
  right: -10px; 
 }
*/
 main {
  margin-top:2.8em;
 }
/*
 main.scrolled .supplement-top-nav {
  top:6.0em;
 }
 body.embed main.scrolled .supplement-top-nav {
  top:0;
 }
*/

 h1 {
  font-size:2em;
 }
 h2 {
  font-size:1.9em;
  margin: 2.5em 0 0;
 }
 h3 {
  /*font-size:1.6em;*/
  font-size:1.8em;
  /*font-weight:bold;*/
  margin: 2.5em 0 0.75em;
 }
 h4 {
  /*font-size: 1.1em;*/
  /*font-size: 1.3em;*/
  font-size:1.5em;
  /*font-weight: bold;*/
  margin: 2.5em 0 0.75em;
 }
 .input-field-wrap label {
  font-size:0.9em;
 }

 /*
 article {
  margin-right:0.5em;
 }
 */
 ul, ol {
  padding: 0;
  margin-left: 3.2em !important;
  width: calc(88% - 4em) !important;
 }
 ol.breadcrumb li a {
  font-size:0.8em;
 }
 #search-btn.overlay-btn {
  display:block;
 }
/*
 #navbar-right {
  display:none;
 }
*/

 /* hero section */
 #hero {
  height:21.5em;
  background-image: url(/assets/images/header_home_sm.jpg);
 }
 #hero .container {
  top: 4.2em;
 }
 #hero .container h1 {
  width:65%;
  font-size: 1.6em;
  padding-left:0;
  margin-bottom: .5em;
 }
 #hero #video-btn.button {
  font-size:0.9em;
  width:50%;
  text-align:left;
  padding-left:0;
 }
 #hero .button-group {
  margin-top:1em;
  width:96%;
 }
 #hero a {
  font-size:0.75em;
 }
 #hero .button-group .button {
  padding: 0.5em;
/*  display:block; */
  margin-bottom: 0.3em;
  margin-left:0;
 }

 /* internal page hero section */
 #hero.inner {
   height:14em;
 }
 /* little extra shadow transparency on top of the hero section */
 #hero.inner::before {
   height:8em; 
 }
 #hero.inner.pregnant {
  background-image: url(/assets/images/header_pregnant_sm.jpg);
 }
 #hero.inner.adopt {
  background-image: url(/assets/images/header_adopt_sm.jpg);
 }
 #hero.inner.adoption {
  background-image: url(/assets/images/header_adoption_sm.jpg);
 }
 
 /* hero CTAs */
 .button-group {
  width:96%;
 }
 .button-group .button {
  width:45%;
 }

 /* contact bar section */
/*
 #contact .container {
  margin-top:0em; 
 }
*/

 /* side nav */
/*
 .sidenav {
  top: 3.25em;
 }
*/
 /* side nav logo and close button */
/*
 .sidenav-header {
  display: none;
 }
 .sidenav .close-btn {
  padding:0.1em 0.5em 0.1em 0.5em;
 }
 */
 /* top level links/dropdowns */
/*
 .sidenav-links a, .sidenav-links .dropdown-btn {
  font-size:1em;
 }
*/
 /* 1st level links/dropdowns */
/*
 .dropdown-container a, .dropdown-container .dropdown-btn {
  font-size:0.9em;
 }

 .dropdown-container a.featured {
 }
 .dropdown-container a.featured span {
  height:1.3em;
 }
*/

 /* 2nd level links/dropdowns */
/*-
 .dropdown-container .dropdown-container a, .dropdown-container .dropdown-container .dropdown-btn {
  padding: 0.8em 1em 0.8em 1.5em;
  font-size:0.8em;
 }
*/
 /* 3nd level links/dropdowns */
/*
 .dropdown-container .dropdown-container .dropdown-container a, .dropdown-container .dropdown-container .dropdown-container .dropdown-btn {
  font-size:0.7em;
 }
*/

 footer .site-info, footer .site-links, footer .site-links>div {
  float:none;
  width:100%;
  text-align:center;
  margin:0;
 }
 footer .site-links ul {
  padding-right:0;
 }

 /* Family Slider */
 section#family-slider  {
  height:360px;
 }
 section#family-slider  img {
  height:120px;
 }

 /* Featured Article Card */
 section.featured-card {
  height:auto;
  max-height:none;
  /*padding:0;*/
  padding:3em 0;
 }
 section.featured-card:before,
 section.featured-card:after {
  width:50%;
  height:auto;
 }
 section.featured-card:before {
  top:auto;
 }
 section.featured-card .description {
  top:auto;
 }
 section.featured-card h3 {
  font-size:2em;
 } 
 section.featured-card p {
  font-size:1em;
 }
 section.featured-card .container {
  position:inherit;
  padding-top:0;
 }
 section.featured-card figure {
  margin:0;
 }
 section.featured-card figure img {
  position:inherit;
  width: 98%;
  margin:0;
 }
 section.featured-card:nth-of-type(odd) figure,
 section.featured-card:nth-of-type(odd) img, 
 section.featured-card:nth-of-type(even) figure,
 section.featured-card:nth-of-type(even) img {
  float:none;
 }
 section.featured-card .description {
  position:inherit;
  width: 98%;
  padding: 2.5em;
  margin-left:auto;
  margin-right:auto;
  margin-top:-4px; /* get rid of the spacing caused by the spaces in HTML */
  height:auto;
  min-height:0;
  transform: none !important;
 }
 section.featured-card:nth-of-type(even) .description {
  left: 0;
 }

 /* Featured Category/Article List */
 .featured-list .container .row {
  display:block;
  margin-bottom:0;
  width: 90%;
 }
 .featured-list .container .row .item {
  width: 99%;
  float:none;
  margin:0 0 1em 0;
 }
 .featured-list .container .row.simple-list .item {
  margin:0 0 2px 0;
 }
 .featured-list .container.topArticles .row.simple-list .item {
  margin-right: 6% !important;
 }
 .featured-list .container.topArticles .row .item {
  min-width: 77%;
 }

 .featured-list .container .row.simple-list .item.article, 
 .featured-list .container .row:nth-of-type(1) .item.article:last-of-type, 
 .featured-list .container .row:nth-of-type(n+2) .item.article{
  /* enable vertical center for the figure*/
  /*
  display: flex; 
  background: #e5f3f4;
  padding-bottom:0;
  */
 }
 .featured-list .container .row.simple-list .item.article figure, 
 .featured-list .container .row:nth-of-type(1) .item.article:last-of-type figure, 
 .featured-list .container .row:nth-of-type(n+2) .item.article figure {
  /*
  width:22%;
  display:inline-block;
  box-sizing:border-box;
  float:left;
  */
  /* vertical center align */
  /*
  display: flex; 
  justify-content: center;
  flex-direction: column;
  */
 }
 .featured-list .container .row.simple-list .item.article figure img,
 .featured-list .container .row:nth-of-type(1) .item.article:last-of-type figure img,
 .featured-list .container .row:nth-of-type(n+2) .item.article figure img {
  /*height:4.5em;*/ /* without an explicit height, IE will use the original image height as the flex container height */
/*
  width:4.5em;
*/
  object-fit:cover;
 }
 /*
 .featured-list .container .row.simple-list .item.article .title,
 .featured-list .container .row:nth-of-type(1) .item.article:last-of-type .title,
 .featured-list .container .row:nth-of-type(n+2) .item.article .title {
  width:78%;
  display:inline-block;
  box-sizing:border-box;
  font-size:0.95em;
  padding: 0.5em 0.5em 0.5em 1em;
  position:absolute;
  right:0;
  text-align:left;
 }
 */
 /*
 .featured-list .container .row.simple-list .item.article .more,
 .featured-list .container .row:nth-of-type(1) .item.article:last-of-type .more,
 .featured-list .container .row:nth-of-type(n+2) .item.article .more,
 .featured-list .container .row.simple-list .item.article .featured-articles,
 .featured-list .container .row:nth-of-type(1) .item.article:last-of-type .featured-articles,
 .featured-list .container .row:nth-of-type(n+2) .item.article .featured-articles,
 .featured-list .container .row.simple-list .item.article .synopsis,
 .featured-list .container .row:nth-of-type(1) .item.article:last-of-type .synopsis,
 .featured-list .container .row:nth-of-type(n+2) .item.article .synopsis,
 .featured-list .container .row.simple-list .item.article .title>a i,
 .featured-list .container .row:nth-of-type(1) .item.article:last-of-type .title>a i,
 .featured-list .container .row:nth-of-type(n+2) .item.article .title>a i {
  display:none;
 }
 */
 .featured-list .container .item .title {
  padding:1em 0.6em;
  height:auto;
 }
 .topArticles h2 {
  /*width: 90%;*/
  margin-left: auto;
  margin-right: auto;
 } 

 section.show-case .container {
  padding: 3em 2em;
 }

 section.show-case .title {
  font-size: 2.5em;
 }

 .tabs.medium { /* need this because it's specifically defined in other media type */
  display:none; 
 }
 .tab-title {
  padding-top:1.5em
  padding-bottom:0.5em;
 }
 .tab-content .container {
  padding:0 0.5em 0.5em 0.5em;
 }
 .tab-content article {
  padding:0 0.5em 0.5em 0.5em;
 }
 .tab-content {
  display:block;
 }

 /* These are only used for the home page */
 section#how-it-works {
  margin-top:0;
 }
 section#how-it-works .container h2,
 section#how-it-works .container>p {
  /*width:96%;*/
  width:calc(96% - 2em);
 }
 .icon-blocks-wrap {
  padding:2em 0 3.5em;
 }
 .icon-blocks-inner {
  width:96%;
 }
 .icon-block {
  width: calc(100% - 2.1em); /* 2 = 2 x 1em (padding) */
  margin-right:0;
 }
 .icon-block:first-of-type {
  padding-left:1em;
 }

 .fa-search:before {
  font-size:0.7em;
  margin-right:1em;
 }

 article .content .celeb img {
  float:none;
  margin-right:0;
  width:100%;
 }
 article .content .celebList {
  column-count:1;
 }
 .button span, button span {
  padding: 0.5em 1em;
  /*width: calc(100% - 2.5em);*/
 }
 .b-actions button, .b-actions .button, .b-actions .btn,
 .b-actions button, .b-actions .btn, .b-actions button.btn {
  box-sizing:border-box;
  width: calc(100% - 1em);
 }
 section#landing-page-intro a.button {
  width:94%;
 }
 .intake-form .title h1 {
  width: 80%;
 }
 .intake-form .input-field-wrap .flex .checkbox-container {
  margin-right: 1.5em;
 }
 .intake-form .flex.flex-column {
  flex-direction: column;
 }
 /* These need to be at the last so they override all others */
 *.desktop, *.medium {
  display:none;
 }
 .desktop#pregFreeInfoIntroVideo {
   display:none;
 }
 .alsoSearched {
  padding: 1.875em;
 }
}


/* testing article template 1 */
section#article-view .article-wrapper.art-temp-1 {
 max-width: unset;
 padding: 0;
}
section#article-view .article-wrapper.art-temp-1 article .content {
 width: 100%;
 float: unset;
 padding: 4.75em 0;
 padding: 2em 0 4.75em 0;
 border-top: 1px solid #ccc;
}
/*
section#article-view .article-wrapper.art-temp-1 article .content > *:not(.widget), section#article-view .article-wrapper.art-temp-1 article .content > *:not(.widget), .quote-staff {
 width: 75%;
 max-width: 900px;
 margin-right: auto;
 margin-left: auto;
 float: unset;
}
*/


/*
 * Testing Start
 * Note: art-temp-1 template
*/

.art-temp-1 .content {
  /*width: 100% !important;*/
  display: grid;
  grid-template-columns: [full-start] 1fr [breakout-start] 25px [content-start] minmax(0,900px) [content-end] 25px [breakout-end] 1fr [full-end]; 
  margin-left: unset;
  margin-right: unset;
  max-width: unset;
  border-top: 1px solid #ccc;
}

.art-temp-1 .content > * {
  grid-column: content;
}

.art-temp-1 .color-block {
  grid-column: full;
  display: grid;
  grid-template-columns: [full-start] 1fr [breakout-start] 25px [content-start] minmax(0,900px) [content-end] 25px [breakout-end] 1fr [full-end]; 
}

.art-temp-1 .color-block.white:first-of-type h3:first-of-type {
  margin-top: 0;
}

.art-temp-1 .video-wrapper,
.art-temp-1 .video-container {
  max-height: unset;
  margin-bottom: 1em;
}

.art-temp-1 .color-block > * {
  grid-column: content;
}

.art-temp-1 .content .widget h3 {
  margin-top: 0;
}

.art-temp-1 .content p:not(class) {
  margin-top: 0;
  margin-bottom: 1em;
}

.art-temp-1 .content > .color-block.white:first-child {
  padding: 0 0 1.5em 0;
}

.art-temp-1 .cta-button .button {
  max-width: 250px;
}

.art-temp-1 ul:not([class]) {
  margin-top: 0;
}

.art-temp-1 .list-container ul {
  margin: 0;
}

.art-temp-1 .content li p {
  width: unset;
}

.art-temp-1 .widget:has(> .list-container ul) {
  margin-top: 1.25em;
}


@media screen and (max-width: 768px) {
  .art-temp-1 .content > * {
    grid-column: full;
  }

  .art-temp-1 .color-block > * {
    grid-column: full;
  }
  
  .art-temp-1 .content h3,
  .art-temp-1 .content h4 {
    margin-top: 1.5em;
  }

  .art-temp-1 .content .widget h3 {
    margin-top: 0;
  }
}

@media screen and (max-width: 600px) {
  section#article-view .article-wrapper.art-temp-1 article .content > *.color-block {
    width: 100% !important;
  } 

}
/*
 * Testing End
 *
*/


.art-temp-1 .breadcrumb {
 visibility: hidden;
 display: none;
}
.art-temp-1 .art-temp-1-top {
 display: flex;
 max-width: 70em;
 padding: 0 6% 5em 6%;
 margin: 0 auto;
 align-items: center;
}
.art-temp-1 .art-temp-1-top:not(:has(.alsoSearched)) {
  max-width: 900px;
}
.art-temp-1 .art-temp-1-top .art-temp-1-title {
 width: 60%;
}
.art-temp-1 .art-temp-1-top:not(:has(.alsoSearched)) .art-temp-1-title {
 width: 100%;
}
.art-temp-1 .art-temp-1-top:not(:has(.alsoSearched)) {
  padding-bottom: 1em;
}
.art-temp-1 .art-temp-1-top .alsoSearched .item {
 padding: 0.9em 0 0.4em;
}
.art-temp-1 .art-temp-1-top .art-temp-1-title h1 {
 font-size: 2.25em;
}
.art-temp-1 .art-temp-1-top .art-temp-1-title p {
 margin: 0;
 color: #354c64;
 font-weight: 600;
 line-height: 1.75;
}
.art-temp-1 .art-temp-1-top .art-temp-1-title .b-actions {
 margin-top: 2.25em;
 display:flex;
 justify-content: flex-start;
 align-items: center;
}
.art-temp-1 .art-temp-1-top:not(:has(.alsoSearched)) .b-actions {
  display: none;
}
.art-temp-1 .art-temp-1-top .art-temp-1-title .b-actions .button {
 background: #99662f;
 font-size: 0.95em;
 width: unset;
 margin: 0;
}
.art-temp-1 .art-temp-1-top .art-temp-1-title .b-actions .transitional-cta,
.art-temp-1 .art-temp-1-top .art-temp-1-title .b-actions .transitional-cta:hover {
 margin-left: 1.5em;
 color: #354c65;
 border-bottom: 1px solid #354c65;
}
.art-temp-1 .art-temp-1-top .art-temp-1-title .b-actions .button:hover {
 background: #354c64;
}
.art-temp-1 .art-temp-1-top .art-temp-1-title .b-actions .button span {
 padding: 5px 25px;
}
.art-temp-1 .art-temp-1-top .alsoSearched {
 margin: 1.75em 0 0 8%; 
 padding: 65px;
 width: 30%;
 max-width: 412px;
}
.art-temp-1 .art-temp-1-top .alsoSearched .title {
 padding: 0 0 0.25em;
}
.art-temp-1 .art-temp-1-top .alsoSearched .item {
 border-bottom: none;
 padding: 0.9em 0 0.4em;
}
.art-temp-1 .skipto-container {
 width: 100%;
 z-index: 400;
}
.art-temp-1 .skipto-desktop {
 background: #E8E9E4;
}
.art-temp-1 .skipto-desktop .skipto-desktop-inner {
 display: flex;
 max-width: 70em;
 margin: 0 auto;
}
.art-temp-1 .skipto-desktop .skipto-desktop-inner a {
 color: #354c64;
 flex-grow: 1;
 text-align: center;
 font-weight: 600;
 margin: 1.22em 0;
 text-transform: capitalize;
}
.art-temp-1 .skipto-mobile {
 display: none;
 background: #E8E9E1 url(/assets/images/aa-icon-select-arrow.svg) calc(98% - 10px) no-repeat;
 width: 90%;
 margin: 0 auto;
 border-radius: 11px;
}
.art-temp-1 .skipto-mobile.sticky {
 width: 100%;
 margin: 0;
 border-radius: 0;
}
.art-temp-1 .skipto-mobile-inner {
 width: 100%;
 border-radius: 11px;
 overflow: hidden;
}
.art-temp-1 .skipto-mobile .skipto-mobile-links {
 width: 120%;
 appearance: none;
 -webkit-appearance: none;
 -moz-appearance: none;
 background: transparent;
}
.art-temp-1 .skipto-mobile .skipto-mobile-links, .art-temp-1 .skipto-mobile .skipto-mobile-links option {
 border: none;
 padding: 1.5em 6%;
 border-radius: 11px;
 font-family: 'Open Sans', sans-serif;
 font-weight: 600;
 font-size: 1em;
 color: #354c64;
 text-transform: capitalize;
}
.art-temp-1 .skipto-mobile .skipto-mobile-links option {
 background: #E8E9E1;
}
.art-temp-1 .skipto-mobile .skipto-mobile-links:active,
.art-temp-1 .skipto-mobile .skipto-mobile-links:hover,
.art-temp-1 .skipto-mobile .skipto-mobile-links:focus,
.art-temp-1 .skipto-mobile .skipto-mobile-links:visited,
.art-temp-1 .skipto-mobile .skipto-mobile-links:focus-within,
.art-temp-1 .skipto-mobile .skipto-mobile-links:focus-visible {
 outline: none;
}
.art-temp-1 .scroll-start {
 scroll-margin-block-start: 165px;
}

.art-temp-1 article .content .alsoSearched {
 display: none;
}
/*
.art-temp-1 article .content .video-wrapper {
 padding-bottom: 31.6%;
}
*/
.art-temp-1 .color-block ~ .article-disclaimer {
  margin-top: 2.5em;
}
@media screen and (max-width: 850px){
.art-temp-1 {
  margin-top: 1.25em;
 }
 section#article-view .article-wrapper.art-temp-1 article .content {
  margin: 0.75em auto 0;
  padding-top: 2.75em;
  padding-top: 1em;
 }
 .art-temp-1 .art-temp-1-top {
  padding: 0 6% 3em 6%;
 }
 .art-temp-1 .art-temp-1-top .art-temp-1-title {
  width: 100%;
 }
 /*
 .art-temp-1 .art-temp-1-top .art-temp-1-title h1 {
  font-size: 1.875em;
 }
 */
 .art-temp-1 .art-temp-1-top:not(:has(.alsoSearched)) {
    padding-bottom: 0;
 }
 .art-temp-1 .alsoSearched, .art-temp-1 .skipto-desktop {
  display: none;
 }
 .art-temp-1 .skipto-mobile {
  display: block;
 }
 .artr-temp-1 article .content .alsoSearched {
  display: none;
 }
 .art-temp-1 .scroll-start {
  scroll-margin-block-start: 150px;
 }
 .art-temp-1 article .content .alsoSearched {
  display: block;
 }
}

@media screen and (max-width: 600px){
 section#article-view .article-wrapper.art-temp-1 article .content {
  width: 100%;
  /*padding: 0 6% 1em 6%;*/
 }
  /*
 section#article-view .article-wrapper.art-temp-1 article .content > *:not(.quote-staff):not(ol):not(ul):not(.graph-widget):not(.alsoSearched) {
  width: 90%;
 }
  */

  .art-temp-1 .video-container {
    margin-left: auto;
    margin-right: auto;
    width: 90%;
  }

 .art-temp-1 .scroll-start {
  scroll-margin-block-start: 135px;
 }
 
 /* Widgets */
 /*.qa-widget > div, .did-you-know > div {*/
 .widget:not(.quote-widget) > div {
  padding: 3.2em 2.5em;
 }
 .quote-staff {
  width: 100% !important;
 }
 .quote-client > div {
  padding: 2.75em 2.5em;
 }
 .quote-client ul {
  margin-left: 7px !important;
  width: 100% !important;
 }
 .graph-widget {
  width: 95%;
 }
 #wait-times table tr th, #wait-times table tr td {
  padding: 0 0.6em;
 }
 #wait-times table thead tr th:nth-child(2) {
  padding: 0.4em 0.9em;
 }
 #wait-times table tr th:last-of-type {
  padding: 0 0 0 0.98em !important;
 }
 #fees-at-risk table tr th, #fees-at-risk table tr td {
  padding: 0 0.8em;
 }
 #fees-at-risk table tr th {
  padding: 0 0 0 1.9em;
 }
 #fees-at-risk table tr th:first-of-type {
  padding: 0 0.8em;
  width: 34%;
 }
 #fees-at-risk table tr th:last-of-type {
  width: 21%;
  padding: 0 0 0 1em;
 }
 .bulleted-widget .bulleted-inner {
  padding: 3.2em 1.5em;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
 }
 .bulleted-widget .bulleted-inner .bulleted-text {
  width: 100%;
 }  
 .bulleted-widget .bulleted-inner .bulleted-text div:last-of-type {
  width: 100%;
 }
 .bulleted-widget .bulleted-inner .bulleted-ctas {
  display: flex;
  justify-content: center;
 }
 .bulleted-widget .bulleted-inner .bulleted-text ul {
  width: 100% !important;
  margin-left: 0 !important;
 }
 .single-video-widget > div {
  padding: 2.5em 1.5em;
 }
 .single-video-widget .video-widget-text h3 {
  font-size: 1.125em;
 }
 .bulleted-checkmarks-widget .bulleted-text ul {
  margin-left: 0 !important;
 }
 .bulleted-checkmarks-widget .bulleted-text p {
  width: 85%;
 }
 .home-study-widget form {
  width: 80%;
 }
}

@media screen and (max-width: 400px){
 .art-temp-1 .art-temp-1-top .art-temp-1-title .b-actions a {
  font-size: 0.9em;
 }
 .art-temp-1 .art-temp-1-top .art-temp-1-title .b-actions .transitional-cta {
  margin-left: 0.75em;
 } 
 .art-temp-1 .art-temp-1-top .art-temp-1-title .b-actions .button span {
  padding-left: 15px;
  padding-right: 15px;
 }
}

/* inner art temp */
section#article-view .article-wrapper.inner-art-temp article .content {
  float: unset;
  width: 90%;
  margin: auto;
}

.inner-art-temp .content {
  display: grid;
  width: 70%;
  float: unset;
  grid-template-columns: [full-start] 25px [breakout-start] 25px [content-start]  1fr [content-end] 25px [breakout-end] 25px [full-end];
}

.inner-art-temp .content > * {
  grid-column: content;
}

section#article-view .article-wrapper.inner-art-temp article .title {
  border-bottom: unset;
}

.inner-art-temp .title {
  width: 90%;
  margin: 0 auto 1em auto;
}

.inner-art-temp .title h2 {
  padding-top: 2.50rem;
  border-top: 1px solid #ccc;
}

.inner-art-temp .content h3 {
  grid-column: breakout;
  background-color: #E8E9E4;
  padding: 2rem 1.5625rem;
  margin-bottom: 0;
  display: flex;
  flex-direction: column;
  line-height: 1; 
}

.inner-art-temp .content span strong {
  color: #354c64;
}


.inner-art-temp .content h4 {
  display: flex;
  gap: 10px;
  align-items: center;
  font-weight: 400;
  margin-bottom: 0;
}

.inner-art-temp .content h4 + p {
  margin-top: 0;
}

.inner-art-temp .content h3 span,
.inner-art-temp .content h4 span {
  font-size: 2em;
}

.inner-art-temp .content h4 span {
  font-family: 'Open Sans', sans;
  font-weight: 600;
}

.inner-art-temp .content ul li {
  margin-bottom: 1em;
}

.inner-art-temp .content h3,
.inner-art-temp .content p {
  /*padding-left: 1.5625rem;*/
  padding-right: 1.5625rem;
}
/*
.inner-art-temp .content p {
  padding: 0 1em;
}
*/
.inner-art-temp .content .widget {
  max-width: 400px;
  margin: 2em auto;
}

.inner-art-temp .content .widget h3 {
  background-color: unset;
  padding: 0;
  display: block;
}

 .inner-art-temp .content .widget p {
  padding: 0;
}

.inner-art-temp .bulleted-widget .bulleted-inner {
  padding: 2em;
}

.inner-art-temp .content .b-actions.article {
  grid-column: 1 / -1;
}

.inner-art-temp .content .b-actions .button {
  background-color: #99662F;
  width: max-content;
  margin: 1.5625rem 0;
}

.inner-art-temp .content .widet .b-actions .button {
  margin: 0;
}
.inner-art-temp .content .b-actions .button:hover {
  background-color: #354c64;
}

.inner-art-temp .content .blockedContent {
  display: inline-block;
  color: #99662F;
  border-left: 3px solid currentColor;
  margin: 0.5em 0;
  padding-left: 1.25rem;
  font-size: 1.125rem;
  font-weight: 600;
  grid-column: content;
}

.inner-art-temp .content .blockedContent p {
  padding: 0;
}

.inner-art-temp .content .blockedContent a:hover {
  color: #354C65;
}

.inner-art-temp .content .bulleted-checkmarks-widget .bulleted-text p {
  width: 100%;

}

.inner-art-temp .content .bulleted-checkmarks-widget ul {
  list-style-image: url(../assets/images/bullet-checkmark-gold.svg);
}

.inner-art-temp .content .quote-client > div {
  padding: 2em 4em;
}

.bg-gray {
  background-color: #f5f5f5;
}

@media screen and (max-width: 800px) {
  section#article-view .article-wrapper.inner-art-temp {
    padding: 0 0 2em 0;
  }

  section#article-view .article-wrapper.inner-art-temp article .content {
    width: 100%;
  }

  .inner-art-temp .content {
    display: grid;

  }
  .inner-art-temp .title h2 {
    font-size: 1.6em;
  }
  .inner-art-temp .content > * {
    grid-column: 1 / 6;

  }

  .inner-art-temp .content h3 {
    line-height: 1.3;
  }
  .inner-art-temp .content h3,
  .inner-art-temp .content p {
    /*padding-left: 1.5625rem;*/
    padding-right: 1.5625rem;
  }
  
  .inner-art-temp .content .blockedContent {
    grid-column: 1 / 6;
    margin: 1em 1.5em 1em 3em;
  }


  section#article-view .article-wrapper.inner-art-temp p{
    padding-left: 1.5625rem;
  }

  section#article-view .article-wrapper.inner-art-temp .blockedContent p{
    padding-left: 0;
  }

  /*.inner-art-temp .content h3:not(.alsoSearch h3) {*/
  .inner-art-temp .content h3 {
    grid-column: full;
    /*padding: 3rem 5rem;*/
  }

  .inner-art-temp .content h4 {
    padding: 0 4%;
    font-size: 1.6em;
  }
  .inner-art-temp .content .widget ul {
    margin-left: 0 !important;
    width: unset;
  }
  .inner-art-temp .content .widget {
    width: 90%;
  }

  .inner-art-temp .content .b-actions { 
    margin-left: 1.5625rem; 
  }

}

@media screen and (max-width: 375px) {
  .inner-art-temp .content h3 {
    /*padding: 3rem 4rem;*/
  }
}

/* Article Supplements */
.pull-quote {
  padding: 2em;
  border-radius: 20px; 
  background-color: #FFFFFF;
}

.pull-quote.v1 {
  background-color: #F5F5F5; 
}

.pull-quote.v2 {
  background-color: #EFF5F6;
}

.pull-quote p {
  color: #354C64;
  font-weight: 600;
}

.pull-quote p:first-of-type {
  margin-top: 0;
}

.pull-quote p:nth-last-of-type(1) {
  font-size: 0.875em;
  font-weight: 400;
  margin: 0;
}

.cta-box {
  text-align: center;
  border-radius: 20px; 
  padding: 40px 30px;
  padding: 60px 30px 40px 30px;
}

.cta-box h3,
.art-temp-1 .content .cta-box h3 {
  font-size: 2em; 
  margin: 0;
}

.cta-box p {
  margin: 1.25em 0;
}

.cta-box .b-actions {}

.cta-box .b-actions .button {
  font-size: 0.875em;
  min-width: 145px;
  max-width: 225px;
  width: auto;
  padding: 5px 20px;
  display: inline-block;
}

.cta-box.transition.v1 {
  background-color: #E8E9E4; 
}

.cta-box.transition.v1 .button {
  background-color: transparent;
  color: #354C64;
  border: 1px solid #354C64;
}

.cta-box.transition .button:hover {
  background-color: #354C64; 
  color: #FFFFFF;
}

.cta-box.transition.v2 .button {
  background-color: #354C64;
  color: #FFFFFF;
}

.cta-box.transition.v2 .button:hover {
  background-color: #99662F;
  border-color: #99662F;
}

.cta-box.transition.v2 {
  background-color: #EFF5F6; 
}

.cta-box.direct {
  background-color: #FFFFFF;
  border: 1px solid #BCBCBC; 
  border-radius: 20px;
}

.cta-box.direct .button {
  background-color: #99662F;
  color: #FFFFFF;
}

.cta-box.direct .button:hover {
  background-color: #354C64;
  color: #FFFFFF;
}

.cta-button .button {
  width: auto;
  padding: 5px 25px;
  max-width: 225px;
}

.cta-button.direct .button {
  background-color: #99662F;
  color: #FFFFFF;
}

.cta-button.direct .button:hover {
  background-color: #354C64;
}

.cta-button.transition .button {
  background-color: transparent;
  border: 1px solid #354C64;
  color: #354C64;
}

.cta-button.transition .button:hover {
  background-color: #354C64;
  color: #FFFFFF;
}

.cta-button.transition.v2 .button {
  background-color: #354C64;
  color: #FFFFFF;
}

.cta-button.transition.v2 .button:hover {
  background-color: #99662F;
  border-color: #99662F;
}

.widget:has(> div.cta-button) {
    margin-top: 20px;
    margin-bottom: 20px;
  }

.cta-underline a {
  border-bottom: 1px solid #354C64 !important; 
}

.emphasized-text p {
  color: #99662F;  
  font-family: Amiri, sans-serif;
  font-size: 2em;
  font-style: italic; 
  text-align: center;
}

.emphasized-text-with-title {
  border-left: 3px solid #99662F;
  padding-left: 20px;
}

.emphasized-text-with-title .emphasized-title {
  font-family: "Open Sans", sans-serif;
  font-size: 1.125em;
  font-weight: 600;
  color: #99662F;
  text-transform: uppercase;
  text-align: left; 
  letter-spacing: 0.6px;
}

.emphasized-text-with-title p {
  font-style: italic;
  color: #000000;
}

.accordion {
  border-top: 1px solid #BCBCBC;
}

.accordion:nth-last-of-type(1) {
  border-bottom: 1px solid #BCBCBC;
}

.accordions {
  padding: 3.125em;
  border-radius: 25px;
}

.accordions.v1 {
  background-color: #E8E9E4;
}

.accordions.v2 {
  background-color: #EFF5F6;
}

.accordion-title {
  font-family: 'Amiri', serif;
  font-size: 2em;
  margin-bottom: 0.5em;
  color: #354C64;
}

.accordions.v1 .accordion-title {}

.accordions.v2 .accordion-title {
  font-size: 1.75em; 
}

.accordions.v2 .accordion-title,
.accordions.v2 .accordion-button {
  line-height: 1.25;
}

.accordion-button {
  width: 100%;
  border-radius: initial;
  border: unset;
  background-color: transparent;
  text-align: left;
  font-size: 1.5em;
  font-family: 'Amiri', serif;
  text-transform: none;
  padding: 10px 0;
  display: flex;
  justify-content: space-between; 
  align-items: center;
  letter-spacing: 0 !important;
}


.accordion-button .icon {
  margin-right: 20px;
}

.accordions.large .accordion-button {
  font-size: 1.875em;
  padding: 10px 0 10px 15px; 
}

.accordions.small .accordion-button {
  font-size: 1em; 
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
}

.accordions.v2 .accordion-button {
  padding: 20px 0;
}

.accordions.v2 .accordion-button .icon {
  font-size: 1.5em; 
}

.accordion .accordion-content {
  display: block;
  font-size: 1em;
  overflow: hidden;
  max-height: 0;
  transition: max-height 500ms ease-in; 
  padding: 0;
}

.additional-links {
  background-color: #EFF5F6;
  padding: 40px;
  border-radius: 25px;
}

.additional-title {
  font-family: 'Amiri', serif;
}

h3.additional-title {
  text-align: left;
  font-size: 1.5em;
}

.additional-item {
  font-size: 1em;
  font-family: "Open Sans";
  font-weight: 500;
  color: #354C64;
  margin: 0.9em 0 0.4em 0;
}  

article .content .additional-item a {
  border-bottom: none;
  color: inherit;
}

.list-container {
  padding: 3.25em;
  border-radius: 25px;
}

.list-container.v2 {
  background-color: #EFF5F6;
}

.list-container ul {
  list-style: none;
  padding: 0;
}

.list-container li {
  border-top: 1px solid #BCBCBC;
  margin: 0;
}

.list-container li:nth-last-of-type(1) {
  border-bottom: 1px solid #BCBCBC;
}

.list-container .list-inner-container {
  position: relative;
  margin: 20px 0;
}

.list-container .list-inner-container::before {
/*
.list-container .list-inner-container.star::before,
.list-container .list-inner-container.check::before {
*/
  content: '';  
  display: block;
  width: 5px;
  height: 5px;
  background-color: #000000;
  border-radius: 50px;
  position: absolute;
  top: 10px;
  left: 5px; 
}

.list-container ul.star .list-inner-container::before {
  content: url("/assets/images/star-single.svg");  
  top: 5px;
  left: 0;
  background-color: transparent;
  width: auto;
  height: auto;
}

.list-container ul.checked .list-inner-container::before {
  content: url("/assets/images/bullet-checkmark-gold.svg"); 
  border-radius: unset;
  background-color: transparent;
  width: auto;
  height: auto;
  top: 0;
}

.list-container {
  counter-reset: num;
}

.list-container ul.numeric .list-inner-container::before {
  counter-increment: num;
  content: counter(num);
  font-family: "Open Sans", serif;
  font-weight: 600;
  color: #354C64;
  background-color: transparent;
  border-radius = unset;
  top: 0;
}

.list-container.no-title li:nth-last-of-type(1) {
  border-bottom: none;
}


.list-title h3 {
  text-align: left;
  font-size: 2em;
  margin: 10px 0;
}

.list-subtitle {
  font-size: 1em;
  font-family: "Open Sans", sans-serf;
  font-weight: 600;
  color: #354C64;
}

.list-subtitle,
.list-content {
  margin-left: 25px;
  margin-right: 10px;
}

.list-content {
  color: #000000;
  font-weight: 400;
  margin-top: 10px;
}

.widget .list-content p {
  color: #000;
}

.widget .list-content p strong,
.widget .list-content p b {
  color: #354c64;
}

.list-subtitle + .list-content {
  margin-top: 10px;
}

.table-container {
  box-shadow: 0px 3px 6px rgba(53,76,100,0.33);
}
 
.table-container table {
  border-collapse: collapse;
  width: 100%;
} 

.table-container table tr th {
  font-size: 1em;
}

.table-container table tr th,
.table-container table tr td {
  border-bottom: 1.75px solid rgba(53,76,100,0.33);
  border-right: 1.75px solid rgba(53,76,100,0.33);
  padding: 0 1.6em;
  height: 75px;
  text-align: center;
}

.table-container table tr td:first-of-type,
.table-container table tr:first-of-type th {
  text-align: left;
}

.table-container table tr:first-of-type th {
  color: #354C64;
  font-weight: 600;
}

.table-container table tr td:first-of-type {
  width: 30%;
}

.table-container table tr:nth-last-of-type(1) td {
  border-bottom: initial;  
}

.table-container table tr td:nth-last-of-type(1),
.table-container table tr th:nth-last-of-type(1) {
  border-right: initial;
}

.table-container table tr.highlight td {
  background-color: rgba(239,245,246,0.47);
}

@media screen and (max-width: 600px) {
  .list-container ul {
    margin-left: 0 !important;
    width: 100% !important;
  }
  
  .table-container table tr th,
  .table-container table tr td {
    padding: 0 0.8em;
  }
  
  .widget:not(.quote-widget) > div[class] {

    padding-left: 1.25em;
    padding-right: 1.25em;
  }

  .widget:not(.quote-widget) > div.pull-quote {
    padding-left: 2.5em;
    padding-right: 2.5em;
    padding: 2em;
  }

  .widget:not(.quote-widget) > div.emphasized-text-with-title {
    padding-left: 25px; 
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .widget:not(.quote-widget) > div.additional-links {
    padding-left: 40px;  
    padding-right: 40px;  
  }
  .widget:not(.quote-widget) > div.table-container {
    padding: 0;  
  }

  .widget:not(.quote-widget).single-video-widget > div {
    padding: 2.5em 1.5em; 
  }
  
  .widget:not(.quote-widget) > div.list-container.v0 {
    padding-top: 0;
    padding-bottom: 0;
    padding: 0;
  }

  .content ul:not([class]):not(.widget div > ul) {
    /*margin-left: 5em !important; */
  }

  .art-temp-1 .content .cta-box h3 {
    margin: auto;
  }

}

.color-block {
  background-color: #FFFFFF; 
  padding: 3.125em 0;
}

.color-block.white .list-container.v0 {
 /*padding: 0 3.25em; */
}

.color-block.grey {
  background-color: rgb(245,245,245);
}



.with-sidebar .color-block,
.with-sidebar .color-block.grey {
  background-color: transparent;
  padding: 0;
  padding-bottom: 2em;
}

.with-sidebar .art-temp-1 .color-block.grey {
  background-color: rgb(245,245,245);
}


.list-container.v0 {
  padding: 0;
}

.widget:has(> div.cta-button) {
  margin-top: 20px;
  margin-bottom: 20px;
  max-width: unset;
  text-align: center;
}

.widget:has(> div.pull-quote.v0) {
  margin-top: 0;
  margin-bottom: 0;
}

.color-block.grey .widget:has(> div.pull-quote.v0) {
  margin-top: 2em;
  margin-bottom: 2em;
}

.widget:has(> div.accordions.v0) {
  margin-top: 0;
  margin-bottom: 0;
}

.color-block.white .widget:has(> div.list-container.v1),
.color-block.grey .widget:has(> div.list-container.v1) {
  margin-top: 0;
  margin-bottom: 0;
}

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

  .content .color-block {
  }

  .content > * {
    width: 100%;
  }

  .alsoSearched {
    width: 85%;
    margin-left: auto;
    margin-right: auto;
  }

  .content .color-block > *,
  .content h3,
  .content h4,
  .content h5,
  .content h6,
  .content p,
  #article-view article > .title,
  /*.featured-list,*/
  .content .video-wrapper,
  #mailFieldsDiv,
  aside.featured-list {
    width: 85%;
    margin-left: auto;
    margin-right: auto; 
  }
  aside.featured-list .b-actions {
    margin-top: 1em;
    margin-bottom: 2em;
  }
  .b-actions.article {
    display: none;
  }
  
  .alsoSearched {
    box-sizing: border-box;
  }
  
  .content ul li p {
    margin: 0 0 0.5em 0;
  }

  .color-block.white .list-container.v0 {
    padding: 0; 
  }

  .color-block.grey h3:first-child,
  .color-block.white h3:first-child {
    margin: 0.75em auto;
    
  }

  .widget p {
    width: 100%;
  }

  section#article-view .article-wrapper {
    padding: 0;
  }

  .widget {
    width: 85%;
  }


  .with-sidebar .color-block {
    background-color: #FFFFFF; 
    /*padding: 20px 0;*/
    padding: 1.5em 0;
  }

  .with-sidebar .color-block.grey {
    background-color: rgb(245,245,245);
    /*padding: 20px 0;*/
    padding: 1.5em 0;
  }

  .widget > div.table-container {
    padding-top: 0;
    padding-bottom: 0;
  }
  
  .widget:not(.quote-widget) > div.cta-button {
    padding-top: 0;
    padding-bottom: 0;
  }

  .widget:has(> div.cta-button) {
    margin-top: 20px;
    margin-bottom: 20px;
  } 

  .color-block.grey .widget.single-video-widget,
  .color-block.grey .accordions.v1,
  .color-block.grey .accordions.v2,
  .color-block.grey .pull-quote.v1,
  .color-block.grey .pull-quote.v2,
  .color-block.grey .list-container.v2 {
    background-color: #FFFFFF;
  }
}

.art-temp-1 .color-block.grey .widget.single-video-widget,
.art-temp-1 .color-block.grey .accordions.v1,
.art-temp-1 .color-block.grey .accordions.v2,
.art-temp-1 .color-block.grey .pull-quote.v1,
.art-temp-1 .color-block.grey .pull-quote.v2,
.art-temp-1 .color-block.grey .list-container.v2 {
  background-color: #FFFFFF;
}

/* Static Widgets */
.general-widget-cta,
.choosing-aa,
.noFindFamily,
.freeService-cta {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 50px 40px;
  background: white;
  background: white;
}

.general-widget-cta h3,
.choosing-aa h3,
.noFindFamily h3,
.freeService-cta h3 {
  margin-bottom: 20px;
}

.general-widget-cta .b-actions .button,
.choosing-aa .b-actions .button,
.noFindFamily .b-actions .button,
.freeService-cta .b-actions .button {
  padding: 10px 25px;
}

.noFindFamily p {
  text-align: center;
}

.choosing-aa ul {
  list-style-image: url("../assets/images/bullet-checkmark-gold.svg");
  padding: 0;
  /*margin: 0;*/
}

.choosing-aa p a {
  color: #354C64;
}

.oov {
 display:none;
}

article .content .choosing-aa a {
  border-bottom: 1px solid #354C64;
}

@media screen and (max-width: 600px) {
  .widget .bulleted-widget .bulleted-inner {
    padding: 0; 
  } 

  .choosing-aa ul {
    width: auto !important;
    /*margin-left: auto !important;*/
  }

  .choosing-aa p {
    text-align: center;
  }
}

/* infographics */

.content .infographic img {
  -webkit-box-shadow: unset;
  box-shadow: unset;
  width: revert-layer;  
  margin: 30px auto;
  display: block;
}

@media screen and (max-width: 500px) {
  .baby-give-up-steps-image-container img {
    width: 100%;
    max-width: 340px; 
  }

  .content .infographic img {
    width: 100%;
    max-width: 350px;
  }
}

@media screen and (max-width: 600px) {
.color-block ul:not([class]),
.color-block ol {
  width: calc(88% - 2em) !important;
}
}

.content ol li,
.content ul:not([class]) li {
  margin-bottom: 10px;
}

.looping-video {
  position: relative;
  overflow: hidden;
  margin: 2em 0;
}

.looping-video video {
  width: 100%;
  height: 100%;
  border-radius: 25px;
}

@media screen and (max-width: 800px) {
  .looping-video {
    width: 85%;
    margin: 2em auto;
  } 
}
