html {
height:100%;
}
.donate-p {
margin:0 0 20px 0;
padding:0px;
}
#bbox-root {
margin-top:-40px;
}
.captcha-code {
margin-top:10px;
margin-bottom:4px;
}
body {
font-family:'Raleway', sans-serif;
font-size:16px;
line-height:1.2;
margin:0;
padding:0;
color:#525762;
height:100%;
position:relative;
background-color:white;
overflow-wrap: break-word;
word-wrap: break-word;
}
details,figcaption,figure,footer,hgroup,summary,header,section,article,aside {
display: block;
margin:0;
}
div,form,h1,h2,h3,h4,section,p {
margin:0;
padding:0;
}
table {
width:100%;
}
body * {
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
header ul, footer ul {
list-style-type:none;
margin:0;
padding:0;
}
p {
margin-top:0;
margin-bottom:20px;
}
h1 {
font-size:42px;
color:#ffffff;
font-weight:500;
}
h1.slide-callout {
font-size:52px;
margin-bottom:20px;
line-height:1.1;
}
h2 {
font-size:35px;
margin-bottom:30px;
color:#525762;
font-weight:500;
text-align:center;
}
h2.bf-awards-h2 {
margin-bottom:15px;
}
h3 {
font-size:20px;
font-weight:500;
margin:25px 0 20px 0;
line-height:1.2;
}
h4 {
font-size:20px;
font-weight:normal;
}
hr {
width:100%;
height:1px;
color:#d7d7d7;
background-color:#d7d7d7;
padding:0 ;
border:0;
margin:25px 0;
}
.hr-spacer {
color:transparent;
background-color:transparent;
}
strong,b {
font-weight:600;
}
img {
border:none;
vertical-align:middle;
max-width:100%;
}
:focus {
outline:0 !important;
}
a,a:after,a:before {
color:inherit;
-webkit-transition: background-color .1s ease-in-out .1s;
-moz-transition: background-color .1s ease-in-out .1s;
transition:all .1s ease-in-out .1s;
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
.topnav a:hover {
text-decoration:none;
}
/* Addresses `outline` inconsistency between Chrome and other browsers.*/
a:focus {
outline: 0;
}
/*
* Improves readability when focused and also mouse hovered in all browsers.
*/
a:active,
a:hover {
outline: 0;
}
/* a tags that do not have an href and are empty - these are the anchor link targets */
a:not([href]):empty {
display:block;
pointer-events:none;
z-index:-99999;
position:relative;
width:0;
}
option {
padding:3px 10px 0 10px;
}
input[type="text"], input[type="password"],select,textarea {
font-family: 'Raleway', sans-serif;
border:1px solid #a5a5a5;
padding:0 5px 0 5px;
margin:0;
vertical-align:middle;
font-size:16px;
height:40px;
color:#525762;
-webkit-appearance:none;
-moz-appearance:none;
-ms-appearance:none;
border-radius:0;
}
label {
font-size:15px;
}
select {
font-weight:500;
padding:0 0 0 10px;
font-size:14px;
}
.select-div {
position:relative;
width:100%;
}
.select-div:after {
width:38px;
height:38px;
background-color:#007da4;
position:absolute;
right:1px;
top:1px;
pointer-events:none;
display:block;
content: "\f107";
font-family: 'icomoon' !important;
font-size:24px;
line-height:38px;
text-align:center;
color:white;
}
input[type="checkbox"] {
width:16px;
height:16px;
}
input[type="radio"] {
width:16px;
height:16px;
margin-left:3px;
}
textarea {
min-height:75px;
padding-top:5px;
}
select option:checked {
background:#eaeaea;
}
form {
position:relative;
}
form.signup-form,form.search,form .form-default {
font-size:0;
}
form:not(.mmenu-search-form) *:focus {
background-color:#efefef;
}
.form-default > div {
margin-bottom:18px;
}
q {
quotes:"\201C""\201D";
}
p:empty {
display: none;
}
.search {
color:#4f5050;
display:inline-block;
}
.wide-search {
margin-top:52px;
}
.mobile-search {
display:inline-block;
vertical-align:middle;
font-size:16px;
}
.mobile-menu {
display:none;
}
.search input[type="text"] {
width:200px;
padding-left:10px;
color:#3e4342;
font-weight:500;
height:30px;
background-color:white;
border-right:1px solid #dddcdc;
border-top:1px solid #dddcdc;
border-left:1px solid #dddcdc;
border-bottom:2px solid #e9e7e7;
font-size:14px;
}
input[type="checkbox"] {
width:16px;
height:16px;
}
input[type="radio"] {
width:16px;
height:16px;
margin-left:3px;
}
select option:checked {
background:#bfbfbf;
}
input.input-error,textarea.input-error,select.input-error,div.input-error {
border-color:#d8000c;
box-shadow:inset 0 0 5px #d8000c;
}
input[type="checkbox"].input-error {
outline: 2px solid #d8000c;
}
/* BEGIN HOMEPAGE POPUP */
.clubhouse-popup {
width:100%;
height:100%;
z-index:9999;
position:fixed;
background-color:rgba(0,0,0,.8);
color:white;
text-align:center;
overflow:hidden;
}
.clubhouse-popup > div {
position:relative;
display:inline-block;
top:50%;
transform:translatey(-50%);
}
.clubhouse-popup-close {
position:absolute;
right:.8%;
top:17%;
height:6%;
width:6%;
cursor:pointer;
}
.clubhouse-popup-close:hover {
/* background-color:rgba(10,105,151,.3);
*/}
.clubhouse-popup-link {
position:absolute;
display:block;
right:6.5%;
bottom:4.5%;
width:33%;
height:14.5%;
}
.clubhouse-popup-giving-link {
width:100%;
height:55%;
position:absolute;
display:block;
}
.clubhouse-popup-amazon-link {
width:44%;
height:38%;
position:absolute;
display:block;
bottom:5%;
right:4%;
}
.clubhouse-popup-beauty-link {
width:44%;
height:38%;
position:absolute;
display:block;
bottom:5%;
left:4%;
}
/* END HOMEPAGE POPUP */
.wrapper {
background-color:#ffffff;
width:100%;
height:100%;
margin:0 auto;
position:relative;
}
header {
position:fixed;
top:0;
z-index:9995;
width:100%;
background-color:white;
}
.main {
/* padding-bottom:777px;
*/}
.slide-wrapper {
min-height:562px;
width:100%;
}
.maincontent {
padding-top:166px;
}
.maincontent a {
color:#007da4;
}
.maincontent-section {
padding:50px 0;
width:100%;
background-color:#ffffff;
}
.maincontent-section p,.maincontent-section li {
line-height:1.5;
}
.maincontent-section p:last-child,.maincontent-section ul > li:last-child,.maincontent-section ol > li:last-child {
margin-bottom:0;
}
.maincontent-section ul,.maincontent-section ol {
padding:0;
margin:0 0 20px 0;
list-style-type:none;
}
.maincontent-section ul > li {
margin:0 0 10px 0;
padding:0 0 0 20px;
position:relative;
}
.maincontent-section ol {
counter-reset:numlist;
}
.maincontent-section ol > li {
margin:0 0 10px 0;
padding:0 0 0 25px;
position:relative;
counter-increment:numlist;
}
.maincontent-section li > ul,.maincontent-section li > ol {
margin-top:7px;
margin-bottom:7px;
}
.maincontent li li {
margin-bottom:7px;
}
.maincontent-section h2 {
color:#007da4;
}
.homepage .maincontent-section h2 {
color:inherit;
}
.maincontent-inner > ul:last-child,.maincontent-inner > ol:last-child,.accordion-detail > div > ul:last-child,.accordion-detail > div > ol:last-child {
margin-bottom:0;
}
.page-intro > ul:last-child,.page-intro > ol:last-child {
margin-bottom:0;
}
.section-counter {
counter-reset:numlist;
}
.section-counter ol {
counter-reset:none;
}
.maincontent-section ul > li:before {
width: 0;
height: 0;
border-top: 7px solid rgba(0,125,164,1);
border-left:7px solid rgba(0,125,164,0);
position:absolute;
left:0;
vertical-align:top;
content:'';
line-height:0;
display:inline-block;
top:7px;
}
.maincontent-section ol > li:before {
content: counter(numlist)'.';
position:absolute;
display:inline-block;
vertical-align:top;
top:0;
left:0;
color: #007da4;
font-weight:500;
font-size:15px;
}
.topnav {
position:relative;
}
.nav-main-inner,.top-hdr-logo,.nav-sub-inner,.nav-main-mobile,.footer-inner,.maincontent-inner {
width:100%;
max-width:1000px;
margin:0 auto;
position:relative;
}
.page-intro-section {
margin-top:4px;
}
.maincontent-section .page-intro h2 {
text-align:left;
color:#9b243e;
}
.logo-img {
margin:20px 15px 20px 0;
width:50%; /* 06/21/19 width:40%; */
float:left;
display:block;
position:relative;
z-index:20;
}
.nav-main {
width:100%;
height:50px;
background: #ededed; /* Old browsers */
background: -moz-linear-gradient(top, #ededed 0%, #ebebeb 20%, #dddcdc 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ededed 0%,#ebebeb 20%,#dddcdc 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ededed 0%,#ebebeb 20%,#dddcdc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#dddcdc',GradientType=0 ); /* IE6-9 */
}
.nav-main-inner,.nav-mobile-inner {
position:relative;
}
.nav-main-inner,.nav-sub-inner {
font-size:0;
}
.nav-main-wide a {
display:inline-block;
height:50px;
transform:skew(150deg);
vertical-align:middle;
}
.nav-main-wide a span {
/*color:#3e4342;*/
font-weight:500;
padding:0 25px;
transform:skew(-150deg);
display:inline-block;
line-height:50px;
font-size:16px;
}
.nav-main-wide a.current,.nav-main-wide a.select {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e1e1e1+0,d1d1d1+100 */
background: #e1e1e1; /* Old browsers */
background: -moz-linear-gradient(top, #e1e1e1 0%, #b1b1b1 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #e1e1e1 0%,#b1b1b1 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #e1e1e1 0%,#b1b1b1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1e1e1', endColorstr='#b1b1b1',GradientType=0 ); /* IE6-9 */
}
.nav-sepbar {
display:inline-block;
vertical-align:middle;
height:50px;
width:2px;
background: #d9d7d7;
background: -moz-linear-gradient(top, #d9d7d7 0%, #d5d3d3 100%);
background: -webkit-linear-gradient(top, #d9d7d7 0%,#d5d3d3 100%);
background: linear-gradient(to bottom, #d5d3d3 0%,#d9d7d7 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9d7d7', endColorstr='#d5d3d3',GradientType=0 );
transform:skew(150deg);
}
.nav-sepbar:first-child {
margin-left:14px;
}
.nav-sub {
display:none;
position:absolute;
top:49px;
width:100%;
min-height:50px;
border-bottom:1px solid #006788;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ecf6f8+0,e6f4f7+16,dff1f3+24,dff1f5+29,c2e5e9+69,bde2ea+78,b3dee5+100 */
background: #ecf6f8; /* Old browsers */
background: -moz-linear-gradient(top, #ecf6f8 0%, #e6f4f7 16%, #dff1f3 24%, #dff1f5 29%, #c2e5e9 69%, #bde2ea 78%, #b3dee5 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ecf6f8 0%,#e6f4f7 16%,#dff1f3 24%,#dff1f5 29%,#c2e5e9 69%,#bde2ea 78%,#b3dee5 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ecf6f8 0%,#e6f4f7 16%,#dff1f3 24%,#dff1f5 29%,#c2e5e9 69%,#bde2ea 78%,#b3dee5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ecf6f8', endColorstr='#b3dee5',GradientType=0 ); /* IE6-9 */
}
.nav-sub-inner {
display:none;
}
.nav-sub-inner a {
font-size:14px;
font-weight:500;
color:#2f5681;
margin-left:31px;
padding:18px 0 11px 0;
display:inline-block;
border-bottom:5px solid transparent;
}
.nav-sub-inner a:hover,.nav-sub-inner a.current {
border-bottom:5px solid #007da4;
}
.nav-mobile-inner {
display:none;
text-align:left;
height:100%;
position:relative;
font-size:0;
}
.top-hdr-info {
/* float:right;
*/ text-align:right;
font-size:0;
position:relative;
margin:15px 0 15px 0;
}
.account-info {
font-weight:500;
color:#77787b;
font-size:12px;
margin:0 55px 0 0;
display:inline-block;
white-space:nowrap;
}
.account-info > span {
display:inline-block;
vertical-align:top;
}
.account-name {
max-width:100px;
overflow:hidden;
margin:0 4px 0 4px;
}
.find-clubhouse {
color:#2e2e2e;
font-weight:500;
text-transform:uppercase;
position:absolute;
right:0;
top:0;
font-size:16px;
}
.find-clubhouse a:hover {
color:#007da4;
}
.hdr-careers-link {
font-size:14px;
color:#999999;
margin-right:15px;
text-transform:none;
line-height:1;
}
.hdr-careers-link span{
pointer-events:none;
margin-right:3px;
padding-left:14px;
vertical-align:1px;
}
.iccd-menu-button {
display:inline-block;
vertical-align:middle;
overflow:hidden;
margin-top:5px;
cursor:pointer;
}
.iccd-menu-button a {
cursor:pointer;
display:inline-block;
vertical-align:middle;
padding:11px 11px 0 11px;
}
.iccd-menu-button span {
display:block;
width:25px;
height:3px;
color: white;
background-color: #9b243e;
border-radius:1px;
}
.iccd-menu-button span:not(:first-child){
margin-top:5px;
}
/* special link formatting with arrow */
.arrow-right-before:before,.link-arrow-before:before {
content: "\f105";
font-family: 'icomoon' !important;
margin-right:8px;
display:inline-block;
margin-left:1px;
}
.arrow-right-before:before {
position:absolute;
left:0;
margin-right:0;
}
.arrow-right-before,.arrow-right-before:before {
vertical-align:bottom;
}
.arrow-right-after,.arrow-right-after:after {
vertical-align:bottom;
}
.arrow-right-after:after {
content: "\f105";
font-family: 'icomoon' !important;
margin-left:15px;
font-size:18px;
display:inline-block;
}
.arrow-right-after {
font-size:18px;
display:inline-block;
}
.normal-arrow {
font-size:inherit;
display:inline;
margin-left:5px;
}
.normal-arrow:hover {
text-decoration:none;
}
.normal-arrow.arrow-right-after:after {
display:inline;
margin-left:7px;
font-size:16px;
text-decoration:none;
}
.main-link, .link-arrow-before {
font-weight:600;
font-size:17px;
text-transform:uppercase;
display:inline-block;
margin-right:3px;
position:relative;
}
.main-link {
position:relative;
padding-left:15px;
margin-right:0;
}
p > .main-link {
line-height:1.2;
}
.donate-box {
background-color:#9b243e;
padding:0 0 0 24px;
color:white;
text-transform:uppercase;
width:144px;
height:60px;
position:absolute;
right:0;
top:-5px;
font-size:19px;
font-weight:600;
line-height:60px;
z-index:9996;
}
.donate-box:hover {
box-shadow:0 0 25px -5px rgba(0,0,0,.6);
}
/* home page slideshow */
.bxslider li {
position:relative;
background-color:rgba(0,125,164,1);
}
.bxslider {
-webkit-transform:scale(0);
transform: scale(0);
}
.slide {
background: center center no-repeat;
background-size:cover;
height:562px;
float:right;
width:56%;
position:relative;
}
.slide-width {
width:56%;
}
.slide-width-100 {
width:100%;
}
.slide-01 {
background-image:url(../graphics/home-ss-1.jpg);
}
.slide-02 {
background-image:url(../graphics/home-ss-2.jpg);
}
.slide-03 {
background-image:url(../graphics/home-ss-3.jpg);
}
.ss-blue-triangle {
border-bottom: 562px solid rgba(0,125,164,1);
border-right: 261px solid rgba(0,125,164,0);
height: 0;
width: 0;
position:absolute;
top:0;
left:0;
overflow:hidden;
z-index:10;
}
.ss-orange-triangle {
border-bottom: 190px solid rgba(243,138,0 ,.5);
/*border-bottom: 190px solid hsla(34,100%,48%,.5);*/
/*border-left: 1028px solid rgba(243,138,0,0);*/
border-left: 64vw solid rgba(243,138,0,0);
height: 0;
width: 0;
position:absolute;
bottom:0;
right:0;
overflow:hidden;
z-index:11;
}
.mix-blend-mode .ss-orange-triangle {
mix-blend-mode:multiply;
border-bottom: 190px solid rgba(243,138,0 ,.8);
}
.slide-text {
max-width:1000px;
width:100%;
margin:0 auto;
position:relative;
}
.slide-text-inner {
position:absolute;
left:0;
top:0;
height:562px;
z-index:20;
width:47%;
}
.slide-text-inner-100 {
width:100%;
padding:10px 55px;
margin:0;
}
.slide-text-tbl {
display:table;
height:100%;
}
.slide-text-content {
display:table-cell;
vertical-align:middle;
}
.slide-subcallout {
font-size:25px;
color:#ed9b2e;
font-weight:500;
margin-bottom:25px;
}
.slide-caption {
color:white;
font-size:16px;
position:absolute;
width:100%;
text-align:center;
z-index:99;
bottom:24px;
padding:0 5% 0 20%;
}
.slide-learnmore {
padding-top:10px;
}
.ss-blue-wash {
height:100%;
width:100%;
position:absolute;
top:0;
left:0;
overflow:hidden;
z-index:10;
background-color:rgba(0,125,164,.6);
border:0;
}
/* end home page slideshow */
/* home intro area */
/* homepage next steps section */
.next-steps {
position:relative;
background-color:#f7f7f7;
background-image:url(../graphics/home-next-step-bg1.png);
background-size:cover;
background-position:bottom center;
text-align:center;
background-repeat:no-repeat;
}
.ns-left-triangle {
border-bottom: 250px solid rgba(243,242,242,1);
border-right: 2000px solid rgba(243,242,242,0);
height: 0;
width: 0;
position:absolute;
bottom:0;
left:0;
overflow:hidden;
z-index:10;
}
.ns-right-triangle {
border-bottom: 250px solid rgba(240,240,239,.5);
border-left: 2000px solid rgba(248,247,247,0);
height: 0;
width: 0;
position:absolute;
bottom:0;
right:0;
overflow:hidden;
z-index:11;
}
.next-step-item {
display:table-cell;
vertical-align:top;
/*color:#3e4342;*/
font-size:16px;
text-align:left;
width:325px;
max-width:325px;
box-sizing:content-box;
background-color:white;
background-clip:padding-box;
position:relative;
}
.next-step-item:nth-child(1) {
border-right:12px solid transparent;
}
.next-step-item:nth-child(2) {
border-right:13px solid transparent;
}
.ns-cell {
background-color:white;
position:relative;
height:100%;
display:inline-block;
}
.ns-text {
background-color:white;
padding:25px 22px 65px 22px;
position:relative;
}
.next-step-item h3 {
margin:0 0 15px 0;
}
.next-step-item a.main-link {
max-height:2.4em;
overflow:hidden;
}
.ns-text:not(h3) {
line-height:1.5;
font-size:16px;
}
.next-step-item a.main-link {
position:absolute;
top:calc(100% - 48px);
left:25px;
z-index:20;
margin-right:20px;
}
/* end home page next steps section */
/* home page stats section */
.stats-content {
font-size:0;
}
.stats h3 {
font-weight:600;
text-transform:uppercase;
margin:0;
}
.stats-square-inner > h3:not(:first-child) {
padding-top:15px;
}
.stats-square-inner > .stats-heavy-big + h3 {
padding-top:10px;
}
.stats-square-inner > .stats-heavy-big:first-child,.stats-square-inner > img:first-child + .stats-heavy-big {
margin-top:-15px;
}
.stats-square {
display:inline-block;
vertical-align:top;
font-size:16px;
width:33.33%;
padding:15px 0;
}
.stats-square-inner {
padding-top:12px;
padding-bottom:12px;
overflow:visible;
}
.stats-square .img-right img {
float:right;
margin:12px 0 0 10px;
vertical-align:top;
}
.stats-square .img-top img {
margin-top:-25px;
}
.stats-square .img-top-small img {
margin-top:-10px;
}
.stats-double-wide {
width:66.66%;
}
.stats-75pct {
width:74.99%;
}
.stats-25pct {
width:24.99%;
}
.stats-100pct {
width:100%;
}
.stats-right {
border-right:1px solid #71a1b0;
padding-right:25px;
}
.stats-left {
padding-left:25px;
}
.stats-right.stats-left {
padding-left:20px;
padding-right:20px;
}
.stats-border-bottom {
border-bottom:1px solid #71a1b0;
}
.stats-text {
line-height:1.5;
overflow:hidden;
margin-top:10px;
}
.img-top .stats-text,.img-top-small .stats-text {
overflow:visible;
}
.stats-heavy-big,.stats-heavy-smaller {
font-weight:900;
color:#ed9b2e;
line-height:1.1;
word-wrap:normal;
}
.stats-heavy-big {
font-size:50px;
}
.stats-heavy-smaller {
font-size:32px;
}
.databar-wrapper {
position:relative;
font-size:0;
margin-bottom:20px;
}
.databar-horizontal
{
text-align:center;
}
.databar-horizontal .databar-wrapper {
float:left;
text-align:left;
}
.databar-horizontal .databar-wrapper:not(:last-child){
padding-right:20px;
}
.databar-horizontal .databar-note {
margin-top:7px;
}
.databar-horizontal .databar-wrapper:first-child .stats-databar {
width:339px;
}
.databar-horizontal .databar-wrapper:nth-child(n+2) .stats-databar {
width:36px;
}
.databar-outer {
padding-top:15px;
}
.databar-note {
font-size:11px;
}
.stats-databar {
/* margin-bottom:20px;
*/ height:28px;
background-color:#ed9b2e;
display:inline-block;
vertical-align:top;
}
.databar-number {
font-weight:900;
font-size:32px;
line-height:1;
display:inline-block;
vertical-align:middle;
padding-left:8px;
/* padding-right:10px;
*/}
.databar-desc {
display:inline-block;
font-size:16px;
vertical-align:middle;
padding-left:7px;
/* padding-top:15px;
*/}
.databar-desc-position {
position:absolute;
right:0;
bottom:-20px;
display:block;
}
.databar-content {
position:relative;
display:inline-block;
}
/*news-features */
.news-features {
background-color:#f7f7f7;
}
.news-features article {
display:table-cell;
vertical-align:top;
max-width:490px;
position:relative;
background-color:white;
box-sizing:content-box;
background-clip:padding-box;
}
.news-features .row article:nth-child(1) {
border-right:10px solid transparent;
}
.news-features .row article:nth-child(2) {
border-left:10px solid transparent;
}
.maincontent-section.news-features h2 {
color:inherit;
}
.row {
display:table;
margin-bottom:20px;
}
.nf-content {
max-width:490px;
}
.nf-content h3 {
padding:18px 25px 18px 30px;
text-transform:uppercase;
margin:0;
}
.nf-blurb {
padding:25px 25px 90px 30px;
line-height:1.5;
}
.nf-content > h3 + div.nf-blurb {
padding:0 25px 68px 30px;
}
.nf-careers {
background-image:url(../graphics/home-careers-bg.jpg);
background-size:cover;
background-repeat:no-repeat;
background-position:center center;
color:white;
font-size:0;
}
.nf-careers-box {
padding:18px 25px 90px 25px;
}
.nf-careers h3 {
padding:0;
text-transform:uppercase;
color:#ed9b2e;
}
.nf-careers h4 {
margin-bottom:7px;
}
.nf-careers-text {
padding-top:25px;
line-height:1.2;
}
.nf-careers-text > div {
display:inline-block;
vertical-align:top;
font-size:16px;
}
.nf-careers-text > div:nth-child(1) {
width:64.9%;
padding-right:25px;
}
.nf-careers-text > div:nth-child(2) {
width:34.9%;
text-align:right;
}
.nf-careers .main-link {
color:white;
font-weight:normal;
z-index:20;
}
.nf-careers-text > div:nth-child(2) a.arrow-right-before:before {
position:relative;
margin-right:8px;
}
/* internal page title with image area */
.title-banner-section {
position:relative;
background-color:rgba(0,125,164,1);
overflow:hidden;
}
.title-banner {
background: center top no-repeat;
background-size:cover;
height:348px;
float:right;
width:50%;
position:relative;
}
.whatwedo .title-banner {
background-image:url(../graphics/whatwedo-title-banner-bg.jpg);
}
.resources .title-banner {
background-image:url(../graphics/resources-title-banner-bg.jpg);
}
.aboutus .title-banner {
background-image:url(../graphics/aboutus-bg.jpg);
}
.getinvolved .title-banner {
background-image:url(../graphics/getinvolved-title-banner-bg.jpg);
}
.impact .title-banner {
background-image:url(../graphics/impact-title-banner-bg.jpg);
}
.title-banner-width {
width:50%;
}
.title-banner-width-100 {
width:100%;
}
.ti-blue-triangle {
border-bottom: 348px solid rgba(0,125,164,1);
border-right: 150px solid rgba(0,125,164,0);
height: 0;
width: 0;
position:absolute;
top:0;
left:0;
overflow:hidden;
z-index:10;
}
.ti-orange-triangle {
border-bottom: 175px solid rgba(243,138,0,.5);
/*border-left: 1028px solid rgba(237,155,46,0);*/
border-left: 64vw solid rgba(243,138,0,0);
height: 0;
width: 0;
position:absolute;
bottom:0;
right:0;
overflow:hidden;
z-index:11;
}
.mix-blend-mode .ti-orange-triangle {
mix-blend-mode:multiply;
border-bottom: 175px solid rgba(243,138,0,.8);
}
.title-banner-text-inner {
position:absolute;
left:0;
top:0;
height:348px;
z-index:20;
width:50%;
padding-top:51px;
}
.title-banner-text-inner-100 {
width:100%;
padding:10px 0;
margin:0;
}
.title-banner-text-tbl {
display:table;
height:100%;
}
.title-banner-text-content {
display:table-cell;
vertical-align:middle;
}
.title-banner-caption {
color:white;
font-size:16px;
position:absolute;
width:100%;
text-align:center;
z-index:99;
bottom:24px;
padding:0 5% 0 20%;
}
.title-banner-blue-wash {
height:100%;
width:100%;
position:absolute;
top:0;
left:0;
overflow:hidden;
z-index:10;
background-color:rgba(0,125,164,.6);
border:0;
}
/* page title area no image - short banner */
.short-banner-section {
background: 92% bottom no-repeat;
background-color:rgba(0,125,164,1);
min-height:150px;
position:relative;
background-image:url(../graphics/short-banner-bg.jpg);
margin-top:50px;
}
.short-banner-section-generatepdf { /* for generating pdf - shorten the height of the page title bar */
background: 92% bottom no-repeat;
background-color:rgba(0,125,164,1);
position:relative;
background-image:url(../graphics/short-banner-bg.jpg);
margin-top:50px;
}
.short-banner-inner {
min-height:150px;
}
.short-banner-inner-generatepdf { /* for generating pdf - shorten the height of the page title bar */
}
.short-banner-text-tbl {
display:table;
height:100%;
}
.short-banner-text-content {
display:table-cell;
vertical-align:middle;
height:150px;
}
.short-banner-text-content-generatepdf { /* for generating pdf - shorten the height of the page title bar */
display:table-cell;
vertical-align:middle;
height:80px;
}
.short-banner-nosubnav {
margin-top:0;
}
h1.short-banner-h1,h1.title-banner-h1 {
padding:25px 0;
}
/* whatwedo our work */
.topic-links {
font-size:0;
}
.topic-links h3 {
font-size:24px;
padding:0 0 15px 0;
margin:0;
}
.topic-links-text {
margin-top:20px;
}
.topic-links-text:not(h3) {
line-height:1.5;
}
.topic-links-square {
display:inline-block;
vertical-align:top;
font-size:16px;
width:33.33%;
margin:15px 0;
position:relative;
}
.topic-links-2col .topic-links-square {
width:49.99%;
}
.topic-links-square ul li {
padding-left:0;
margin-bottom:10px;
}
.maincontent-section .topic-links-square ul > li:before {
position:relative;
margin-right:7px;
}
.topic-links-square-inner {
text-align:center;
padding:10px 15px;
background:transparent;
}
.topic-links-2col .topic-links-square-inner {
padding:10px 30px;
}
.topic-links-img {
width:156px;
height:156px;
background-color:#f7f7f7;
border-radius:50%;
border:14px solid #9ec3ce;
position:relative;
margin:0 auto;
display:block;
}
.topic-links-img:hover {
border-color: #ff910b;
}
.topic-links-img img {
position:relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.topic-links-intro {
text-align:left;
margin-bottom:30px;
font-size:16px;
}
.circle-pct {
width:156px;
height:156px;
background-color:transparent;
border:14px solid #9ec1cc;
border-radius:50%;
position:relative;
margin:0 auto;
text-align:center;
font-size:46px;
font-weight:300;
}
.circle-pct a {
z-index:25;
position:relative;
display:block;
}
.circle-pct:after {
position:absolute;
border-radius:50%;
background-color:#f7f7f7;
border:18px solid #f7f7f7;
height:100%;
width:100%;
top: 0px;
left:0px;
z-index:20;
content:'';
box-sizing:border-box;
}
.circle-pct:before {
position:absolute;
border-radius:50%;
background-color:#575a5e;
height:110px;
width:110px;
top:9px;
left:9px;
z-index:21;
content:attr(data-pct) '%';
font-size:46px;
font-weight:300;
line-height:110px;
}
.circle-pct-slice {
position:absolute;
left:-14px;
top:-14px;
width:156px;
height:156px;
border-radius:50%;
display:block;
z-index:23;
}
.circle-pct-bar,.circle-pct-fill {
position:absolute;
border:14px solid #9c233f;
background:transparent;
height:156px;
width:156px;
border-radius:50%;
display:block;
top:0;
left:0;
}
.circle-pct-bar {
transform:rotate(316.8deg);
clip: rect(0, 78px, 156px, 0);
-webkit-transition: background-color .1s ease-in-out .1s;
-moz-transition: background-color .1s ease-in-out .1s;
transition:all .1s ease-in-out .1s;
}
.circle-pct-fill {
clip: rect(0, 156px, 156px, 78px);
-webkit-transition: background-color .1s ease-in-out .1s;
-moz-transition: background-color .1s ease-in-out .1s;
transition:all .1s ease-in-out .1s;
}
.circle-pct > a:hover .circle-pct-bar,.circle-pct > a:hover .circle-pct-fill {
border-color:#ff910b;
}
.possible-bottom-border {
position:absolute;
width:100%;
bottom:-15px;
left:0;
}
.possible-bottom-border-right {
padding-right:10px;
}
.possible-bottom-border-left {
padding-left:10px;
}
.add-bottom-border > .possible-bottom-border > div {
border-bottom:1px solid #75afbc;
}
.add-bottom-border {
margin-bottom:16px;
}
.add-bottom-border .possible-bottom-border {
bottom:-16px;
}
.topic-links-right {
border-right:1px solid #75afbc;
}
.topic-links .main-link-wrapper {
position:absolute;
bottom:7px;
left:0;
color:white;
text-align:center;
width:100%;
z-index:20;
}
.topic-links a.main-link {
padding-left:0;
}
.topic-links a.main-link:not(:first-child) {
margin-top:2px;
}
.topic-links a.arrow-right-before:before {
position:relative;
margin-right:8px;
}
.topic-links .topic-links-text > ul:last-child {
margin-bottom:0;
}
.topic-links-alternate {
font-size:0;
}
/* roi has a paragraph of text below topic-links-alternate */
.topic-links-alternate > .maincontent-inner > p:not(.topic-links-intro) {
font-size:16px;
text-align:center;
margin-top:20px;
}
.topic-links-alternate-square {
display:inline-block;
vertical-align:top;
position:relative;
width:49.99%;
}
/* margin on all but first two articles */
.topic-links-alternate article:nth-of-type(n+3) {
margin-top:40px;
}
.topic-links-alternate article:nth-of-type(even) {
padding-left:13px;
}
.topic-links-alternate article:nth-of-type(odd) {
padding-right:13px;
}
.topic-links-alternate .topic-links-alternate-text > ul:last-child {
margin-bottom:0;
}
.topic-links-img-alternate {
float:left;
margin-right:25px;
text-align:center;
}
.topic-links-alternate-text {
overflow:hidden;
font-size:16px;
}
.topic-links-alternate .main-link-wrapper {
position:absolute;
bottom: 7px;
left:180px;
color:#ed9b2e;
}
.topic-links-alternate a.main-link {
color:#ed9b2e;
}
.topic-links-alternate h3 {
margin-top:0;
font-size:24px;
}
/* clubhouse functions */
.function-links {
background-color:#f7f7f7;
}
.function-links-content {
font-size:0;
}
.maincontent-section .function-links-content h2 {
color:#ed9b2e;
}
.maincontent-section .function-links-square h3 {
font-size:24px;
padding:0 0 15px 0;
margin:0;
}
.function-links-text:not(:first-child) {
margin-top:20px;
}
.function-links-text:not(h3) {
line-height:1.5;
}
.function-links-square {
display:inline-block;
vertical-align:top;
width:33.33%;
margin:20px 0;
position:relative;
font-size:16px;
}
.function-links-square ul li {
padding-left:0;
}
.maincontent-section .function-links-square ul > li:before {
position:relative;
margin-right:7px;
}
.function-links-square-inner {
text-align:center;
position:relative;
}
.function-links-img {
width:269px;
height:269px;
/*border-radius:50%;*/
position:relative;
margin:0 auto 0 auto;
display:block;
overflow:hidden;
font-size:14px;
}
.function-links-img img {
border-radius:50%;
}
.function-links-overlay {
background-color:rgba(13,105,131,.8);
opacity:0;
position:absolute;
width:100%;
height:100%;
border-radius:50%;
-webkit-transition: opacity .1s ease-in-out .1s;
-moz-transition: opacity .1s ease-in-out .1s;
transition:opacity .1s ease-in-out .1s;
overflow:hidden;
}
.function-links-overlay:hover {
opacity:1;
}
.function-links-overlay-content {
color:white;
font-weight:600;
width:100%;
height:100%;
display:table;
overflow:hidden;
}
.function-links-overlay-content > span {
display:table-cell;
vertical-align:middle;
text-align:center;
line-height:1.5;
padding:15px;
}
.function-links-right,.function-links-right .main-link-wrapper {
padding-right:20px;
}
.function-links-left, .function-links-left .main-link-wrapper{
padding-left:20px;
}
.function-links-left.function-links-right,.function-links-left.function-links-right .main-link-wrapper {
padding-right:10px;
padding-left:10px;
}
.function-links-content .main-link-wrapper {
position:absolute;
left:0;
bottom:0;
color:white;
text-align:center;
width:100%;
z-index:20;
}
.function-links-content a.main-link {
color:#ed9b2e;
padding-left:0;
}
.function-links-content a.main-link:not(:first-child) {
margin-top:2px;
}
.function-links a.arrow-right-before:before {
position:relative;
margin-right:8px;
}
.function-links .function-links-text > ul:last-child {
margin-bottom:0;
}
.blue-bg .function-links-img {
/*background-color:#0b2b63;*/
}
/* BEGIN BOARD PAGES 09/19/18 */
.board-links {
background-color:#f7f7f7;
}
.board-links-content {
font-size:0;
text-align:center;
padding-top:6px;
}
.board-links-square {
display:inline-block;
vertical-align:top;
width:25%;
margin:14px 0;
position:relative;
font-size:16px;
}
.board-links-square-inner {
text-align:center;
position:relative;
}
.board-links-text {
padding:14px 10px 0 10px;
line-height:1.1;
}
.board-links-text > div:nth-child(2) {
margin-top:5px;
}
.board-links-img {
width:180px;
height:180px;
/*border-radius:50%;*/
position:relative;
margin:0 auto 0 auto;
display:block;
overflow:hidden;
font-size:14px;
}
.board-links-img img {
border-radius:50%;
}
.board-links-img:hover {
opacity:.5;
}
.board-links-hyperlink:hover {
opacity:.5;
}
.directors-links-content:not(:first-child) {
margin-top:50px;
}
.directors-links-content h1 {
margin-bottom:20px;
font-size:25px;
color:#9b243e;
font-weight:500;
}
/* END BOARD PAGES 09/19/18 */
.accordion article:not(:first-child) {
margin-top:10px;
}
.accordion {
background-color:#f7f7f7;
}
.accordion-topic {
background-color:#007da4;
padding:18px 75px 17px 25px;
color:white;
font-weight:500;
text-transform:uppercase;
-webkit-transition: background-color .2s ease-in-out .2s;
-moz-transition: background-color .2s ease-in-out .2s;
transition: background-color .2s ease-in-out .2s;
position:relative;
border-radius:5px;
}
.accordion article.expanded .accordion-topic {
background-color:#ed9b2e;
}
.accordion-detail {
-moz-transition: height .2s ease-in-out;
-webkit-transition: height .2s ease-in-out;
transition: height .2s ease-in-out;
overflow:hidden;
padding-right:10px;
padding-left:10px;
}
.accordion-detail > div {
overflow:hidden;
padding:20px 0 20px 0;
line-height:1.5;
}
.staff.accordion .accordion-detail > div {
padding:25px 0 35px 0;
}
.accordion-detail > img {
float:left;
margin-right:30px;
margin-top:25px;
border-radius:50%;
}
.accordion-detail h3 {
font-weight:600;
font-size:16px;
}
.accordion-quote:before {
content:'\201C';
font-size:60px;
color:#007da4;
position:absolute;
line-height:1;
left:10px;
top:0;
}
.accordion-quote:after {
/* content:'\201D';
*/}
.accordion-quote {
border-left:2px solid #007da4;
padding:10px 0 10px 30px;
color:#007da4;
position:relative;
}
.accordion-quote-attribution {
display:block;
font-size:12px;
margin-top:7px;
color:#525762;
}
.accordion-detail h3:first-child {
margin-top:0;
}
.accordion-detail h3:last-child {
margin-bottom:0;
}
.staff-name {
font-size:25px;
color:#9b243e;
line-height:1.2;
font-weight:500;
}
.staff-title {
font-size:19px;
line-height:1.2;
font-weight:500;
}
/* BEGIN BOARD BIO 09/19/18 */
.boardbio-detail {
padding:12px 0 0 0;
}
.boardbio-img {
float:left;
}
.boardbio-img > img {
width:180px;
height:180px;
}
.boardbio-text {
overflow:hidden;
line-height:1.5;
margin-top:-7px;
padding:0 0 0 45px;
}
.boardbio-name {
font-size:35px;
color:#007da4;
line-height:1.2;
display:inline-block;
}
.boardbio-title {
padding-top:10px;
display:inline-block;
}
.boardbio-icons {
padding-top:10px;
position:relative;
}
.boardbio-icons > img {
margin-right:5px;
width:35px;
height:35px;
float:left;
}
.boardbio-icons-rollover {
position:absolute;
}
.boardbio-icons-rollover > a {
margin-right:5px;
width:35px;
height:35px;
float:left;
opacity:0;
z-index:-1;
display:block;
}
.boardbio-icons-rollover > a:hover {
opacity:1;
z-index:1;
cursor:pointer;
}
/* END BOARD BIO 09/19/18 */
.start-clubhouse-intro {
text-align:center;
margin-bottom:15px;
}
.scrollto-articles article:not(:first-child) {
margin-top:40px;
}
.email-icon {
margin:-2px 0 0px 10px;
vertical-align:top;
}
.up-down-arrow {
border-radius:50%;
height:32px;
width:32px;
position:absolute;
right:17px;
top:11px;
background-color:#0a7292;
color:#ffffff;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
cursor:pointer;
}
.up-down-arrow:before {
top:0;
display:block;
left:0;
content: "\f107";
font-family: 'icomoon' !important;
z-index:99;
font-size:24px;
width:100%;
height:100%;
line-height:32px;
position:absolute;
text-align:center;
}
.accordion article.expanded .up-down-arrow {
background-color:#ffffff;
color:#ed9b2e;
-webkit-transform:rotate(180deg);
transform:rotate(180deg);
}
.year-label-wrapper {
background: -webkit-repeating-linear-gradient(transparent, transparent 30px, #007da4 30px,transparent 31px,transparent 60px );
background: -moz-repeating-linear-gradient(transparent, transparent 30px, #007da4 30px,transparent 31px,transparent 60px );
background: -o-repeating-linear-gradient(transparent, transparent 30px, #007da4 30px,transparent 31px,transparent 60px );
background: repeating-linear-gradient(transparent, transparent 30px, #007da4 30px,transparent 31px,transparent 60px );
}
h2.year-label {
width:160px;
height:60px;
font-size:37px;
font-weight:500;
color:white;
text-align:center;
line-height:60px;
background-color:#007da4;
margin:0;
padding:0;
display:inline-block;
}
.mha-img {
float:right;
margin-left:50px;
}
.mha-img img {
border-radius:50%;
}
.mha-year article {
padding:30px 0;
border-bottom:1px solid #d7d7d7;
overflow:hidden;
}
.mha-year article:last-child {
border-bottom:none;
}
.mha-text{
overflow:hidden;
}
.mha-text h3 {
color:#007da4;
}
.research-box a,.research-box a:hover {
color:white;
}
.research-library-link {
float:right;
margin-top:25px;
}
.research-library-link-mobile {
display:none;
margin-bottom:10px;
}
.research-library-link a,.research-library-link-mobile a {
font-weight:600;
font-size:17px;
text-transform:uppercase;
display:inline-block;
color:white;
margin-right:3px;
}
.research-library-link a:before,.research-library-link-mobile a:before {
content: "\f105";
font-family: 'icomoon' !important;
margin-right:8px;
display:inline-block;
margin-left:1px;
}
.research-box-quote {
border:1px solid #54a4b8;
padding:20px 35px 15px 35px;
text-align:center;
margin-bottom:30px;
}
.research-box-quote-title {
font-size:25px;
font-weight:500;
}
.research-box-quote-text {
margin-top:70px;
line-height:1.8;
position:relative;
}
.research-box-quote-text:before {
position:absolute;
top:-55px;
content:url(../graphics/left-quote.png);
left:50%;
margin-right:-25%;
}
.research-accreditation {
text-align:center;
}
.featured-story-excerpt {
font-size:0;
}
.featured-story-excerpt h2 {
text-align:left;
font-size:26px;
line-height:1.3;
margin-bottom:25px;
}
.h2-sub {
font-size:18px;
color:#525762;
display:block;
}
.featured-story-excerpt p {
font-size:16px;
}
.featured-story-excerpt-text,.featured-story-excerpt-img {
display:inline-block;
vertical-align:top;
}
.featured-story-excerpt-text {
width:69.5%;
padding-right:25px;
}
.featured-story-excerpt-img {
width:30%;
text-align:right;
}
.featured-story-excerpt-img img {
border-radius:50%;
}
.featured-story-excerpt-text .button-box {
margin-top:35px;
}
/* about us */
.history-line {
font-size:0;
}
.history-line > div {
display:inline-block;
vertical-align:top;
width:49.9%;
padding:13px 0;
position:relative;
}
.history-line > div:first-child {
border-right:1px solid #007da4;
text-align:right;
}
.history-line > div:first-child:before {
content:'';
width:7px;
height:7px;
border-radius:50%;
border:2px solid #007da4;
position:absolute;
top:-11px;
right:-6px;
}
.history-line > div:first-child:after {
content:'';
width:7px;
height:7px;
border-radius:50%;
border:2px solid #007da4;
position:absolute;
bottom:-11px;
right:-6px;
}
.history-blurb {
margin-top:20px;
}
.history-blurb > img {
vertical-align:middle;
border-radius:50%;
}
.history-blurb > div {
display:inline-block;
vertical-align:middle;
max-width:275px;
font-size:18px;
}
.history-line > div:first-child .history-blurb > img {
margin:10px 15px 0 0;
}
.history-line > div:last-child .history-blurb > img {
margin:0 0 10px 15px;
}
.history-line > div:first-child .history-blurb > div {
padding-right:25px;
}
.history-line > div:last-child .history-blurb > div {
padding-left:25px;
}
.history-line > div:first-child > article:not(:first-child), .history-line > div:last-child > article {
margin-top:250px;
}
/* end whatwedo */
/* donors */
/* center align the paragraph right under the h2 */
.donors h2+p {
text-align:center;
}
.donors p,.donors .cols2 > :not(h3) {
font-size:15px;
line-height:1.4;
}
.donors h3 {
font-size:18px;
margin:25px 0 15px 0;
}
.donors h4 {
color:#007da4;
margin:15px 0 10px 0;
font-size:15px;
}
.donors .cols2:first-child {
margin-top:25px;
}
.donors .cols2 p:last-child {
margin-top:40px;
}
.donors h3+.cols2 > div > h4:first-child {
margin-top:7px;
}
/* about mental illness */
.mi-tbl {
display:table;
position:relative;
font-size:15px;
}
.mi-tbl a.arrow-right-before:before {
position:relative;
margin-right:8px;
}
.mi a.main-link {
padding-left:0;
}
.mi-tbl > div {
display:table-row;
}
.mi-tbl p {
text-align:center;
}
.mi-tbl > div > div {
display:table-cell;
vertical-align:top;
width:49.99%;
position:relative;
padding-top:10px;
}
.maincontent .mi-tbl a.main-link {
color: #ed9b2e;
}
.mi-pct {
border-right:1px solid #dedede;
padding-right:15px;
}
.mi-pct-grid {
border-left:1px solid #525761;
font-size:0;
}
.mi-pct-grid > div > div {
display:inline-block;
vertical-align:top;
font-size:13px;
}
.mi-source {
position:absolute;
padding-right:20px;
font-size:14px;
}
/* orange bar */
.mi-pct-grid > div:first-child > div:first-child {
width:36.5%;
height:72px;
background-color:#ed9b2e;
}
.mi-pct-grid > div:first-child > div:last-child {
width:45%;
margin-left:15px;
line-height:1.5;
}
.mi-pct-grid > div:nth-child(2) {
margin:35px 0 0 0;
}
/* blue bar */
.mi-pct-grid > div:nth-child(2) > div:first-child {
width:55%;
height:72px;
background-color:#0a5c75;
}
.mi-pct-grid > div:nth-child(2) > div:last-child {
width:37%;
margin-left:15px;
line-height:1.5;
}
.mi-pct-grid > div:last-child {
border-bottom:1px solid #525761;
margin-top:20px;
width:69.5%;
}
.mi-pct-grid > div:last-child > div {
display:inline-block;
vertical-align:top;
width:25%;
height:20px;
margin-bottom:-10px;
border-right:1px solid #525761;
position:relative;
}
.mi-pct-grid > div:last-child > div > span {
display:inline-block;
vertical-align:top;
position:absolute;
right:-1.1em;
bottom:-1.5em;
}
.mi-pct-grid {
margin-bottom:85px;
}
.mi-compared {
padding-left:15px;
}
.mi-compared-graph {
margin-bottom:30px;
}
.mi-compared-graph > div {
margin-bottom:5px;
}
.mi-compared-graph > div > span {
display:inline-block;
vertical-align:middle;
font-size:13px;
}
/* graph item label */
.mi-compared-graph > div > span:first-child {
text-align:right;
width:43%;
padding-right:15px;
}
/* graph item orange bar */
.mi-compared-graph > div > span:nth-child(2) {
background-color:#ed9b2e;
max-width:246px;
height:28px;
}
.mi-compared-graph > div > span:nth-child(3) {
padding-left:7px;
}
.mi-compared-graph > div:nth-child(1) > span:nth-child(2) {
width:48%;
}
.mi-compared-graph > div:nth-child(2) > span:nth-child(2) {
width:calc((14 / 26) * 48%);
}
.mi-compared-graph > div:nth-child(3) > span:nth-child(2) {
width:calc((13 / 26) * 48%);
}
.mi-compared-graph > div:nth-child(4) > span:nth-child(2) {
width:calc((8 / 26) * 48%);
}
.mi-compared-graph > div:nth-child(5) > span:nth-child(2) {
width:calc((7 / 26) * 48%);
}
.mi-compared-graph > div:nth-child(6) > span:nth-child(2) {
width:calc((7 / 26) * 48%);
}
.mi-compared-graph > div:nth-child(7) > span:nth-child(2) {
width:calc((6 / 26) * 48%);
}
.mi-compared-graph > div:nth-child(8) > span:nth-child(2) {
width:calc((4 / 26) * 48%);
}
.mi-compared-graph > div:nth-child(9) > span:nth-child(2) {
width:calc((3 / 26) * 48%);
}
.mi-compared-graph > div:nth-child(10) > span:nth-child(2) {
width:calc((3 / 26) * 48%);
}
/* page intro and signup box */
.page-intro {
display:table-cell;
padding-right:10%;
vertical-align:top;
}
.page-intro p:first-child:not(.page-intro-callout) {
margin-top:15px;
}
.page-intro p,.page-intro ul li {
font-size:18px;
}
.page-intro p.page-intro-callout {
font-size:22px;
font-weight:500;
color:#9b243e;
line-height:1.4;
}
.page-intro-section .page-intro ~ p {
margin-top:20px;
}
.page-intro img:first-child {
float:right;
margin:0 0 15px 15px;
}
.signup-box {
display:table-cell;
width:41%;
max-width:410px;
vertical-align:top;
}
.signup-box > div {
background-color:#f7f7f7;
padding:0 0 30px 0;
position:relative;
line-height:1.2;
/* top:-3px;
*/}
.signup-form {
padding:0 20px;
font-size:0;
}
.signup-header {
padding:14px 28px 12px 22px;
background-color:#ededed;
font-size:18px;
text-transform:uppercase;
color:#007da4;
}
.signup-subheader {
padding:21px 20px 11px 22px;
font-size:15px;
color:#007da4;
}
.signup-form input {
height:40px;
width:100%;
border:0;
border-bottom:2px solid #e9e7e7;
background-color:#ffffff;
font-weight:500;
position:relative;
}
.signup-form input:hover ,.signup-form input:focus {
border-bottom:2px solid #007da4;
}
.signup-form input {
margin-top:10px;
}
.signup-form .name:nth-child(1) {
margin-right:5px;
}
.signup-form .name:nth-child(2) {
margin-left:5px;
}
.signup-form .name {
width:calc(50% - 5px);
}
.signup-form .email {
width:calc(100% - 120px);
}
a.signup-button-box {
text-align:center;
border-radius:.25em;
text-transform:uppercase;
background-color:transparent;
width:110px;
height:40px;
line-height:40px;
vertical-align:bottom;
display:inline-block;
margin-left:10px;
font-weight:600;
white-space:nowrap;
font-size:17px;
background-color:#007da4;
border:1px solid #007da4;
color:white;
cursor:pointer;
}
a.signup-button-box:hover {
text-decoration:none;
background-color:white;
color:#007da4;
}
/* end page intro and signup box */
/* default is red scheme for colorbar */
.colorbar {
background-color:#9b243e;
color:white;
font-size:30px;
font-weight:500;
min-height:90px;
width:100%;
}
.colorbar-orange {
background-color:#ed9b2e;
}
.colorbar-blue {
background-color:#007da4;
}
.maincontent-section.colorbar {
padding:0;
}
.colorbar-content {
width:100%;
padding:17px 0;
min-height:90px;
/* display:table;
*/ display:flex;
flex-wrap:wrap;
height:100%;
justify-content:space-between;
align-items:center;
}
.colorbar-text,.colorbar-link {
/* display:table-cell;
vertical-align:middle;
*/}
.colorbar-text {
padding:0 25px 0 0;
}
.colorbar-text a {
color:inherit;
}
.colorbar-link {
/* text-align:right;
*/}
.colorbar-link > a {
text-transform:uppercase;
font-weight:600;
font-size:22px;
border:1px solid white;
border-radius:.25em;
cursor:pointer;
white-space:nowrap;
position:relative;
display:inline-block;
height:50px;
line-height:50px;
padding-left:25px;
padding-right:60px;
color:white;
}
.colorbar-link > a:hover {
text-decoration:none;
}
.colorbar-link > a:after {
display:block;
background-color:rgba(255,255,255,.5);
width:26px;
height:26px;
content:'';
text-align:center;
border-radius:50%;
position:absolute;
top:12px;
right:20px;
}
.colorbar-link > a:before {
display:block;
position:absolute;
content: "\f105";
font-family: 'icomoon' !important;
color:#9b243e;
right:28px;
z-index:20;
top:-1px;
height:22px;
}
.colorbar-link > a:hover {
background-color:white;
color:#9b243e;
text-decoration:none;
}
.colorbar-orange .colorbar-link > a:hover,.colorbar-orange .colorbar-link > a:before {
color:#ed9b2e;
}
.colorbar-blue .colorbar-link > a:hover,.colorbar-blue .colorbar-link > a:before {
color:#007da4;
}
.colorbar-link > a:hover:after {
background-color:rgba(155,36,62,.5);
}
.colorbar-orange .colorbar-link > a:hover:after {
background-color:rgba(237,155,46,.5);
}
.colorbar-blue .colorbar-link > a:hover:after {
background-color:rgba(0,125,164,.5);
}
.colorbar-link > a:hover:before {
color:white;
}
/* news and stories */
.news-feature-image {
padding-right:50px;
max-width:420px;
float:left;
}
.news-feature-image img,.news-article-image img {
}
.news .page-intro {
padding-right:0;
font-size:16px;
}
.news .page-intro p {
font-size:16px;
line-height:1.5;
}
.news .page-intro-news-article,.news .page-intro-news-excerpt {
display:block;
width:auto;
}
.news .page-intro-news-excerpt {
overflow:hidden;
}
.news .news-article-image {
float:right;
margin:0 0 25px 50px;
width:auto;
display:block;
max-width:420px;
}
.news .function-links-img {
width:320px;
border-radius:0;
position:relative;
/* display:table-cell;
*/ height:215px;
vertical-align:middle;
/* background-color:white;
*/}
.news .function-links-img img {
border-radius:0;
position:relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.news .function-links-right {
padding-right:10px;
}
.news .function-links-left {
padding-left:10px;
}
.news .function-links-left.function-links-right {
padding-right:5px;
padding-left:5px;
}
.news-archive-link {
margin-top:40px;
text-align:center;
}
.news-search,.events-calendar {
float:right;
padding-left:25px;
margin-top:58px;
margin-bottom:10px;
}
.news-search input[type="text"],.news-search form {
width:240px;
}
.events-calendar img {
width:30px;
margin-left:10px;
}
.events-calendar a {
color:white;
font-size:18px;
display:inline-block;
}
.events-calendar img,.events-calendar span {
vertical-align:middle;
display:inline-block;
}
.news-author {
font-size:16px;
color:#007da4;
display:block;
margin-top:5px;
}
.news-article-share {
margin-top:30px;
text-align:center;
}
.news-article-share img {
margin:0 6px 0 0;
float:left;
}
.news {
margin-bottom:100px;
}
/* bottom footer */
.bottom-footer {
/* position:absolute;
bottom:0;
*/
position:relative;
width:100%;
border-top:1px solid #e1e1e1;
}
.footer-inner {
height:100%;
min-height:100%;
}
.colorbar .footer-inner {
min-height:90px;
}
.bottom-footer section {
width:100%;
}
.bf-awards .footer-inner > div {
margin:40px 0 50px 0;
text-align:center;
font-size:0;
}
.bf-awards .footer-inner > div > div {
padding:25px 25px 0 25px;
display:inline-block;
}
.bf-links-and-signup {
width:100%;
position:relative;
overflow:hidden;
}
.bf-links-and-signup .footer-inner > div {
padding:50px 0 13% 0;
font-size:0;
width:100%;
display:table;
}
.bf-links a {
position:relative;
z-index:20;
}
.bf-links {
display:table-cell;
vertical-align:top;
padding-right:25px;
font-size:12px;
}
.bf-links li {
padding:0 0 10px 0;
}
.bf-links li.bf-links-title,.bf-links-title {
font-size:15px;
padding-bottom:18px;
font-weight:500;
}
.bf-signup {
max-width:410px;
margin-bottom:12px;
position:relative;
}
.bf-signup > div {
background-color:white;
}
.bf-signup .signup-form input {
border-bottom:2px solid #e9e7e7;
background-color:#f7f7f7;
}
.bf-signup .signup-form input:hover, .bf-signup .signup-form input:focus {
border-bottom:2px solid #007da4;
}
.bf-signup div.bf-signup-connect {
text-align:right;
width:100%;
font-size:0;
margin-top:10px;
background-color:#f7f7f7;
}
.bf-signup-connect > span {
font-size:16px;
display:inline-block;
vertical-align:middle;
}
.bf-connect-social {
display:inline-block;
vertical-align:middle;
margin-left:22px;
font-size:0;
}
.bf-connect-social a {
background-image:url(../graphics/footer-social-2.png);
width:35px;
height:35px;
background-repeat:no-repeat;
display:inline-block;
vertical-align:middle;
margin-right:10px;
font-size:14px;
}
.bf-connect-social a:last-child {
margin-right:0;
}
.bf-twitter {
background-position:-45px 0;
}
.bf-instagram {
background-position:-90px 0;
}
.bf-youtube {
background-position:-135px 0;
}
p.bf-copyright {
color:#85c1d3;
font-size:12px;
position:absolute;
bottom:22px;
margin-bottom:0;
z-index:12;
}
.footer-blue-triangle {
border-bottom: 144px solid rgba(0,125,164,1);
border-right: 77vw solid rgba(0,125,164,0);
height: 0;
width: 0;
position:absolute;
bottom:0;
left:0;
overflow:hidden;
z-index:10;
}
.footer-orange-triangle {
border-bottom: 92px solid rgba(243,138,0,.5);
border-left: 52vw solid rgba(243,138,0,0);
height: 0;
width: 0;
position:absolute;
bottom:0;
right:0;
overflow:hidden;
z-index:11;
}
.mix-blend-mode .footer-orange-triangle {
mix-blend-mode:multiply;
border-bottom: 92px solid rgba(243,138,0,.8);
}
/* end bottom footer */
/*miscellaneous */
.topic-links article + p,.function-links article + p ,.accordion article + p {
margin-top:25px;
font-size:16px;
}
.stats a.link-arrow-before,.topic-links a.link-arrow-before,.function-links a.link-arrow-before,.blue-bg a.link-arrow-before
{
color:inherit;
}
.cols2 > div {
width:49.99%;
float:left;
}
.cols2 > div:first-child {
padding-right:20px;
}
.cols2 > div:last-child {
padding-left:20px;
}
.cols2 > div > h3:first-child {
margin-top:0;
}
.cols2 > div > h2 {
font-size:26px;
text-align:left;
padding-bottom:20px;
margin-bottom:0;
position:relative;
}
.cols2 > div > h2 span {
position:absolute;
bottom:20px;
}
.cols2-wider > div:first-child {
padding-right:9px;
border-right:1px solid #dedede;
}
.cols2-wider > div:last-child {
padding-left:10px;
}
.display-tbl {
display:table;
border-collapse:collapse;
width:100%;
box-shadow:0 0 10px rgba(0,0,0,.2);
background-color:#f7f7f7;
}
.light-tint-bg .display-tbl {
background-color:white;
}
.display-tbl > div {
display:table-row;
}
.display-tbl > div > div {
display:table-cell;
vertical-align:middle;
padding:10px 20px 10px 20px;
text-align:center;
line-height:1.4;
}
/* bottom border on all cells except for last row */
.display-tbl > div:not(:last-child) > div {
border-bottom:1px solid white;
}
/* bottom border on all cells except for last row */
.light-tint-bg .display-tbl > div:not(:last-child) > div {
border-bottom:1px solid #f7f7f7;
}
.display-tbl > div > div:not(:last-child) {
border-right:1px solid white;
}
.light-tint-bg .display-tbl > div > div:not(:last-child) {
border-right:1px solid #f7f7f7;
}
/* default display is first column left aligned, rest of columns center aligned
/* first column */
.display-tbl:not(.display-tbl-center) > div > div:first-child {
text-align:left;
}
/* left align all columns */
.display-tbl-left > div > div {
text-align:left;
}
/* alternate rows starting with the 3nd row have lightblue background - has header row, blue starts at 3rd row and then alternates */
.display-tbl:not(.display-tbl-no-header):not(.display-tbl-blue-first) > div:nth-child(2n+3) {
background-color:#d7e6eb;
}
/* alternate rows have lightblue background (no header row) starting with the 2nd row - no header row, blue starts at 2nd row and then alternates*/
.display-tbl-no-header:not(.display-tbl-blue-first) > div:nth-child(2n+2) {
background-color:#d7e6eb;
}
/* alternate rows starting with the 1st row have lightblue background - has header row, blue starts with 1st row and then alternates */
.display-tbl.display-tbl-blue-first:not(.display-tbl-no-header) > div:nth-child(2n+2) {
background-color:#d7e6eb;
}
/* alternate rows have lightblue background (no header row) - no header, blue starts at 1st row and then alternates */
.display-tbl-no-header.display-tbl-blue-first > div:nth-child(2n+1) {
background-color:#d7e6eb;
}
/* for coalitions table, every 4th row has a blue background */
.display-tbl.display-tbl-coalitions > div:nth-child(4n+4) {
background-color:#d7e6eb;
}
.display-tbl.display-tbl-coalitions > div:nth-child(4n+2) {
background-color:#ffffff;
}
/* header row */
.display-tbl:not(.display-tbl-no-header) > div:first-child > div {
background-color:#007da4;
padding:15px 10px 15px 25px;
color:white;
font-weight:600;
}
.display-tbl-55 > div > div:first-child {
width:55%;
}
.display-tbl-flags > div > div:last-child {
width:22%;
}
.display-tbl-33 > div > div {
width:33.33%;
}
/* last row is a summary total line with different coloring */
.display-tbl-total-row > div:last-child > div {
background-color:#ed9b2e;
font-weight:600;
color:white;
}
.flag-img,.flag-desc {
display:table-cell;
vertical-align:middle;
}
.flag-img {
width:62px;
}
.maincontent .flag-img a, .maincontent .flag-desc a{
color:inherit;
}
.display-tbl + .display-tbl {
margin-top:25px;
}
.display-tbl-flags img[src$=".png"],.display-tbl-flags img[src$=".svg"] {
width:36px;
height:27px;
border-radius:2px;
margin-right:30px;
box-shadow:2px 2px 2px rgba(0,0,0,.3);
vertical-align:middle;
}
.coalition-name {
font-size:20px;
font-weight:500;
background-color:#007da4;
color:white;
}
/* search form */
.first-letter-search {
margin-bottom:50px;
text-align:center;
}
.first-letter-search h3 {
color:#007da4;
margin:0 0 35px 0;
}
.first-letter-search > div > a {
text-transform:uppercase;
padding: 0 12px;
margin:10px 0;
text-align:center;
font-weight:300;
color:#9b243e;
font-size:16px;
display:inline-block;
}
.first-letter-search > div {
border-top:1px solid #cacccf;
border-bottom:1px solid #cacccf;
font-size:0;
padding:5px 0;
}
.first-letter-search > div > a:not(:last-child) {
border-right:1px solid #7b7f87;
}
.search-viewall {
text-align:center;
font-size:18px;
}
.search-viewall a {
font-weight:600;
}
.location-search .form-default > div {
width:33.3%;
display:inline-block;
vertical-align:top;
margin-bottom:30px;
}
.location-search .form-default > div:nth-child(3n + 1) {
padding-right:8px;
}
.location-search .form-default > div:nth-child(3n + 2) {
padding-right:4px;
padding-left:4px;
}
.location-search .form-default > div:nth-child(3n + 3) {
padding-left:8px;
}
.location-search label,.location-search select,.location-search input {
display:block;
width:100%;
}
.location-search label {
margin-bottom:7px;
}
.location-search select {
border:1px solid #a5a5a5;
/* background-image:repeating-linear-gradient(to right,white 0,white 90%,#007da4 90%,#007da4 100%);
*/}
.location-search h3,.clubhouse-search-results h3 {
text-align:left;
}
.clubhouse-search-results .display-tbl > div > div {
padding-top:15px;
padding-bottom:15px;
}
.clubhouse-search-results .display-tbl > div:not(:last-child) > div:last-child {
border-bottom:3px solid #eaeaea;
}
.article-search-results .display-tbl > div > div{
text-align:left;
}
.backtosearch {
float:right;
margin-top:8px;
}
.news-search-results h2 {
font-size:24px;
font-weight:300;
text-align:left;
}
.news-search-results h3 {
margin-bottom:10px;
margin-top:0;
}
.news-search-results article {
margin-top:20px;
border-top:1px solid #cccccc;
padding-top:20px;
}
.news-search-results article:first-of-type {
margin-top:30px;
border:0;
padding:0;
}
.news-search-info {
font-size:14px;
}
.news-search-info > span {
padding-right:10px;
}
.news-search-info > span+span {
border-left:1px solid #999999;
padding-left:10px;
}
.news-search-info a,.news-tags a {
margin-right:5px;
}
.news-search-excerpt {
margin-top:10px;
line-height:1.3;
}
.news-tags {
display:block;
}
.button-box {
min-width:192px;
text-align:center;
padding:10px 7px;
border-radius:.25em;
text-transform:uppercase;
background-color:transparent;
max-width:85%;
display:inline-block;
font-weight:600;
white-space:nowrap;
font-size:17px;
overflow:hidden;
}
a.button-box:hover {
text-decoration:none;
}
.maincontent a.button-box-red {
border:1px solid #9b243e;
color:#9b243e;
}
.maincontent a.button-box-red:hover {
background-color:#9b243e;
color:white;
}
.maincontent a.button-box-blue {
border:1px solid #007da4;
color:#007da4;
}
.maincontent a.button-box-blue:hover {
background-color:#007da4;
color:white;
text-decoration:none;
}
.maincontent a.button-box-orange {
background-color:#ed9b2e;
color:white;
min-width:160px;
}
.maincontent a.button-box-orange:hover {
background-color:white;
color:#ed9b2e;
text-decoration:none;
}
.maincontent a.button-box-white {
border:1px solid #ffffff;
color:#ffffff;
}
.maincontent a.button-box-white:hover {
background-color:#ffffff;
color:#007da4;
}
.maincontent .news-features article .button-box {
position:absolute;
margin-left:30px;
bottom:25px;
display:block;
z-index:99;
}
.maincontent p.quote {
font-weight:500;
text-align:center;
line-height:1.7;
margin-bottom:8px;
}
.maincontent .attribution {
font-size:13px;
text-align:center;
}
.maincontent-section .function-links-square h3, .donors h3,.location-search h3,.clubhouse-search-results h3, .news-search-results h3,.news-search-results h2 {
color:#9b243e;
}
.maincontent-section.research-accreditation h2, .mental-health-orgs h3,.maincontent-section.research-about-program h2,.maincontent-section.featured-story-excerpt h2 {
color:#9b243e;
}
.maincontent-section.mental-health-orgs h2,.maincontent-section.donors h2 {
color:inherit;
}
.white-bg {
background-color:white;
}
.light-tint-bg {
background-color:#f7f7f7;
}
.blue-bg {
background-color:#0a5976;
background-image:url(../graphics/stats-bg.jpg);
background-size:cover;
background-position:center center;
background-repeat:no-repeat;
color:white;
}
.blue-bg-centerbottom {
background-position:center bottom;
}
.blue-bg-centercenter {
background-position:center center;
}
.blue-bg ul > li:before {
border-top: 7px solid rgba(255,255,255,1);
border-left:7px solid rgba(255,255,255,0);
}
.blue-bg .function-links-square h3 {
color:white;
}
.maincontent-section.blue-bg h2 {
color:#ed9b2e;
}
.maincontent-section.blue-bg.topic-links h2,.maincontent-section.blue-bg.stats h2 {
color:white;
}
.blue-bg a,.blue-bg a:hover,.blue-bg .function-links-content a.main-link {
color:white;
}
.center {
text-align:center;
}
.italic {
font-style:italic;
}
span.footnote {
display:inline-block;
line-height:1.3;
font-size:14px;
}
div.footnote,p.footnote {
font-size:14px;
margin-top:25px;
text-align:left;
}
.footnote p {
margin-bottom:10px;
line-height:1.3;
}
.footnote li {
margin-bottom:5px;
line-height:1.3;
}
.footnote sup {
margin-left:5px;
}
.red,h3.red,h2.red,h1.red,.maincontent a.red {
color:#9b243e;
}
.orange,h3.orange,h2.orange,h1.orange,.maincontent a.orange {
color:#ed9b2e;
}
.blue,h3.blue,h2.blue,h1.blue,.maincontent a.blue {
color:#007da4;
}
.lightblue,h3.lightblue,h2.lightblue,h1.lightblue,.maincontent a.lightblue {
color:#9adaed;
}
.white,h3.white,h2.white,h1.white,.maincontent a.white {
color:#ffffff;
}
.folded-corner:after {
content:'';
height:0;
width:0;
position:absolute;
z-index:11;
right:0;
top:0;
-moz-transform: scale(.9999);
}
.folded-corner-blue-graybg:after {
border-bottom:20px solid rgba(0,125,164,1);
border-right: 20px solid rgba(247,247,247,1);
border-left: 0px solid rgba(247,247,247,1);
border-top: 0px solid rgba(247,247,247,1);
}
.folded-corner-blue-:after {
border-bottom:20px solid rgba(0,125,164,1);
border-right: 20px solid rgba(255,255,255,1);
border-left: 0px solid rgba(255,255,255,1);
border-top: 0px solid rgba(255,255,255,1);
}
.folded-corner-orange-graybg:after {
border-bottom:20px solid rgba(243,138,0,1);
border-right: 20px solid rgba(247,247,247,1);
border-left: 0px solid rgba(247,247,247,1);
border-top: 0px solid rgba(247,247,247,1);
}
.folded-corner-red-graybg:after {
border-bottom:20px solid rgba(155,36,62,1);
border-right: 20px solid rgba(247,247,247,1);
border-left: 0px solid rgba(247,247,247,1);
border-top: 0px solid rgba(247,247,247,1);
}
.function-links .function-links-img {
/*background-color:#0b2b63; */
}
.font-weight-medium {
font-weight:500;
}
.font-weight-semibold {
font-weight:600;
}
.font-small {
font-size:12px;
}
.font-16 {
font-size:16px;
}
.hide-me {
display:none;
}
.nowrap {
white-space:nowrap;
}
.default-textlh {
line-height:1.5;
}
.floatright {
float:right;
}
.floatleft {
float:left;
}
.mobile-show {
display:none;
}
.clearfix:before,
.clearfix:after {
content: " ";
display: table;
}
.clearfix:after {
clear: both;
}
.clearfix {
*zoom: 1;
}
.clearall {
clear:both;
}
.font-weight-normal {
font-weight:400;
}
.font-careers-position {
font-weight:400;
font-size:15px;
opacity:.5;
text-transform:none;
margin-left:5px;
display:inline-block;
}
.list-of-links {
display:table;
}
.list-of-links > div {
display:table-row;
}
.list-of-links > div > a, .list-of-links > div > span {
display:table-cell;
vertical-align:middle;
padding:5px 20px 5px 0;
}
.list-of-links > div > a {
padding-right:0;
white-space:nowrap;
}
.topic-links .main-link-wrapper,.funciton-links .main-link-wrapper {
padding:0 15px;
}
@font-face {
font-family: 'icomoon';
src: url('../fonts/icomoon.eot?1fb89h');
src: url('../fonts/icomoon.eot?1fb89h#iefix') format('embedded-opentype'),
url('../fonts/icomoon.ttf?1fb89h') format('truetype'),
url('../fonts/icomoon.woff?1fb89h') format('woff'),
url('../fonts/icomoon.svg?1fb89h#icomoon') format('svg');
font-weight: normal;
font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
/* use !important to prevent issues with browser extensions that change fonts */
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-envelope-o2 {
display:inline-block;
vertical-align:middle;
background-color:gray;
width:32px;
height:32px;
text-align:center;
border-radius:50%;
margin-left:25px;
line-height:1;
}
.icon-envelope-o2:before {
content: "\f003";
color:#007da4;
font-size:14px;
background-color:white;
margin:0;
padding:0;
font-family: 'icomoon' !important;
line-height:1;
}
.icon-envelope-o:before {
content: "\f004";
color:#007da4;
}
.icon-plus2:before {
content: "\f067";
}
.icon-angle-left:before {
content: "\f104";
}
.icon-angle-right:before {
content: "\f105";
}
.icon-angle-up:before {
content: "\f106";
}
.icon-angle-down:before {
content: "\f107";
}
.icon-location3:before {
content: "\e904";
font-size:32px;
color:#007da4;
vertical-align:top;
display:inline-block;
margin-top:-10px;
font-family: 'icomoon' !important;
}
.icon-search2:after {
content: "\e901";
font-size:16px;
position:absolute;
right:8px;
top:6px;
font-family: 'icomoon' !important;
}
.breakall {
word-break:break-all;
}
.mmenu-search.icon-search2:after {
top:10px;
}
.subtitle-medium25 {
font-size:25px;
font-weight:500;
display:block;
}
.financial-report {
display:table;
border-collapse:collapse;
width:100%;
box-shadow:0 0 10px rgba(0,0,0,.2);
table-layout:fixed;
}
.financial-report > div,.financial-supertitles > div {
display:table-row;
}
.financial-report > div > div {
display:table-cell;
text-align:left;
vertical-align:middle;
border-bottom:1px solid white;
border-right:1px solid white;
color:#525762;
font-size:14px;
width:14.285%;
padding:15px 5px 15px 11px;
line-height:1.2;
}
.financial-report + .financial-report {
margin-top:10px;
}
/* no border bottom for the last row of table */
.financial-report > div:last-child > div {
border-bottom:none;
}
/* no border right for the last column of table */
.financial-report > div > div:last-child {
border-right:none;
}
/*for data row, columns 2 and 4 background-color */
.financial-report > div > div:nth-child(2),.financial-report > div > div:nth-child(4) {
background-color:#eee1e4;
}
/*for data row, column 3 background-color */
.financial-report > div > div:nth-child(3) {
background-color:#f6f0f1;
}
/*for data row, columns 5 and 7 background-color */
.financial-report > div > div:nth-child(5),.financial-report > div > div:nth-child(7) {
background-color:#cfe5ec;
}
/*for data row, column 6 background-color */
.financial-report > div > div:nth-child(6) {
background-color:#e7f2f6;
}
/*for data row, first column background is white */
.financial-report > div > div:first-child {
background-color:white;
color:#525762;
padding:15px 5px 15px 16px;
}
/* heading row, default color and fontsize and padding */
.financial-report > div:first-child > div {
color:#f7f7f7;
font-size:14px;
padding:19px 5px 17px 10px;
}
/*for heading row, columns 2-4 background-color */
.financial-report > div:first-child > div:nth-child(n+2):nth-child(-n+4) {
background-color:#9b243e;
}
/*for heading row, columns 5-7 background-color */
.financial-report > div:first-child > div:nth-child(n+5) {
background-color:#117ea2;
}
/*for heading row, first column has different background,font weight and padding */
.financial-report > div:first-child > div:first-child {
background-color:#525762;
font-weight:600;
padding:19px 10px 17px 15px;
}
.h2-financial + p {
text-align:center;
padding-bottom:8px;
padding-left:40px;
padding-right:40px;
}
h2.h2-financial {
font-size:42px;
line-height:1.1;
}
.financial-supertitles {
display:table;
table-layout:fixed;
width:100%;
margin-bottom:13px;
}
.financial-supertitles > div > div {
display:table-cell;
text-align:center;
font-size:14px;
}
.financial-supertitles > div > div:first-child {
width:14.285%;
}
.financial-supertitles > div > div:nth-child(n+2)
{
width:42.855%;
}
.financial-supertitles > div > div:nth-child(2) {
color:#9b243e;
}
.financial-supertitles > div > div:nth-child(3) {
color:#117ea2;
}
.financial-supertitle-year {
font-weight:600;
font-size:25px;
display:block;
padding-bottom:5px;
}
.financial-hr {
margin-bottom:15px;
}
/* portal */
/* begin portal login popup */
.portal-login-popup {
width:100%;
height:100%;
z-index:9999;
position:fixed;
background-color:rgba(0,0,0,.5);
justify-content:center;
align-items:center;
display:none;
}
.portal-login-popup > div {
width:90%;
max-width:653px;
background-color:#ffffff;
padding:53px 65px 46px 65px;
position:relative;
overflow-y:auto;
max-height:100%;
}
.portal-login-form {
margin-top:55px;
}
.portal-login-form input[type="text"],.portal-login-form input[type="password"] {
width:100%;
height:40px;
background-color:#f6f6f6;
padding:0 10px 0 20px;
border:0;
border-bottom:2px solid #e8e7e7;
font-size:14px;
}
.portal-login-form input:focus {
border-bottom:2px solid #00729a;
}
.portal-login-form input[type="password"] {
margin-top:15px;
}
.portal-login-form input#portal_faculty_assigned_clubhouse_id {
margin-top:15px;
}
::placeholder {
color:#666666;
opacity:1;
}
.portal-login-form input::placeholder {
color:#b9baba;
opacity:1;
}
.portal-login-form ::-moz-placeholder {
color:#b9baba;
opacity:1;
}
.portal-login-form :-ms-input-placeholder {
color:#b9baba;
}
.portal-login-form ::-webkit-input-placeholder {
color:#b9baba;
opacity:1;
}
.portal-login-popup p {
margin-bottom:15px;
}
a.redbg-white-button {
background-color:#9b243e;
color:#ffffff;
border:1px solid #9b243e;
}
a.redbg-white-button:hover {
background-color:#ffffff;
color:#9b243e;
text-decoration:none;
}
a.whitebg-blue-button {
background-color:#fffff;
border:1px solid #00729a;
color:#00729a;
}
a.whitebg-blue-button:hover {
background-color:#00729a;
color:white;
text-decoration:none;
}
a.color-button {
line-height:40px;
height:40px;
padding:0 20px;
font-size:17px;
font-weight:600;
border-radius:3px;
display:inline-block;
}
.font-14 {
font-size:14px;
}
.center-it {
text-align:center;
}
.margintop-20 {
margin-top:20px;
}
.margintop-15 {
margin-top:15px;
}
.margintop-35 {
margin-top:35px;
}
.portal-popup-close {
position:absolute;
top:10px;
right:10px;
cursor:pointer;
padding:10px;
}
.portal-login-buttons {
display:flex;
flex-wrap:wrap;
justify-content:space-around;
}
.portal-login-buttons > a {
margin:20px 3px 0 3px;
}
a.login-button {
padding-left:10px;
padding-right:10px;
}
/* end portal login popup */
@media only screen and (max-width:1140px)
{
.slide-text-inner {
margin-left:55px;
}
}
@media only screen and (max-width:1040px)
{
.top-hdr-logo,.nav-mobile-inner,.footer-inner,.slide-text-inner,.maincontent-inner,.title-banner-text-inner{
padding:0 15px;
}
.donate-box {
margin-right:10px;
}
.wide-search,.nav-sub,.nav-sub-inner {
display:none;
}
.google-lang {
padding-top:50px;
}
.mobile-search {
display:inline-block;
position:absolute;
right:200px;
margin-top:10px;
}
.logo-img {
width:50%;
margin:15px 0 ;
}
.account-info,.find-clubhouse {
display:block;
}
.account-info {
margin-right:0;
}
.nav-main-inner,.nav-sub,.nav-sub-inner {
display:none;
}
.nav-mobile-inner {
display:block;
}
h1.slide-callout {
font-size:42px;
}
.stats-square,.topic-links-square,.function-links-square {
width:49.99%;
}
.stats-square.stats-double-wide,.stats-square.stats-75pct,.stats-square.stats-100pct {
width:100%;
}
.topic-links-2col .topic-links-square-inner {
padding:10px 0;
}
.short-banner-section,.title-banner-section {
margin-top:0;
}
}
@media only screen and (max-width:925px)
{
.signup-form .email {
width:100%;
}
a.signup-button-box {
margin-left:0;
margin-top:10px;
}
.h2-financial + p {
padding:0;
}
}
@media only screen and (max-width:875px)
{
.financial-scrollx {
overflow-x:auto;
overflow-y:hidden;
margin:0 0 -15px 0 !important;
}
.financial-scrollx::-webkit-scrollbar {
width:0 !important;
}
.financial-scrollx-inner {
width:1000px;
}
.h2-financial .subtitle-medium25 {
margin-top:8px;
}
}
@media only screen and (max-width:850px)
{
.board-links-square {
width:33.33%;
}
.research-library-link {
display:none;
}
.research-library-link-mobile {
display:block;
}
.research-box h2 {
text-align:center;
}
.news .page-intro {
display:block;
padding-right:0;
}
.news-feature-image {
width:100%;
text-align:center;
padding-right:0;
padding-bottom:25px;
display:block;
}
.page-intro-news-article {
display:block;
padding-right:0;
}
.news .news-article-image {
float:none;
margin:0 0 35px 0;
text-align:center;
}
.mi-tbl,.mi-tbl > div,.mi-tbl > div > div {
display:block;
width:100%;
}
.mi-tbl p {
text-align:left;
}
.mi-tbl {
font-size:inherit;
}
.mi-pct {
border-right:0;
border-bottom:1px solid #dedede;
padding-right:0;
padding-bottom:25px;
margin-bottom:25px;
}
.mi-compared {
padding-left:0;
}
.mi-compared-graph > div > span:nth-child(2) {
max-width:none;
}
.mi-pct-grid > div > div,.mi-compared-graph > div > span {
font-size:16px;
}
.mi-pct-grid {
margin-bottom:50px;
}
.mi-pct-grid > div:first-child > div:last-child {
width:60%;
}
.mi-pct-grid > div:nth-child(2) > div:last-child {
width:40%;
}
}
@media only screen and (max-width:800px)
{
h1.slide-callout,h1.title-banner-h1,h1.short-banner-h1 {
font-size:36px;
}
.next-steps,.title-banner,.short-banner-section,.topic-links,.stats,.blue-bg {
background-image:none;
}
.next-steps .row {
display:block;
}
.next-step-item {
display:block;
margin:10px auto;
border:0;
}
.next-step-item:nth-child(n)
{
border:0;
}
.news-features .row, .news-features .row article:nth-child(n) {
display:block;
width:100%;
max-width:490px;
border-left:0;
border-right:0;
margin:0 auto 25px auto;
}
.footer-orange-triangle,.footer-blue-triangle {
display:none;
}
.portal-login-popup > div {
padding:43px 40px 36px 40px;
}
}
@media only screen and (max-width:750px)
{
.top-hdr-info {
/* display:block;
float:none;
text-align:left;
margin:15px 0 0 0;*/
}
.top-hdr-logo {
/* margin-bottom:5px;
*/ }
.icon-location3:before {
font-size:28px;
}
.logo-img {
width:60%;
margin-top:45px;
}
.account-info,.find-clubhouse {
display:inline-block;
}
.account-info {
margin:0 25px 0 0;
}
.find-clubhouse {
font-size:14px;
/* margin-top:0;
*/ }
.donate-box {
height:40px;
line-height:40px;
top:5px;
}
.bf-links-and-signup .footer-inner > div {
padding-bottom:100px;
}
.page-intro {
display:block;
padding-right:0;
}
.signup-box {
display:block;
margin: 0 auto;
width:100%;
clear:both;
margin-top:35px;
}
.stats-square,.topic-links-square,.function-links-square,.topic-links-2col .topic-links-square,.topic-links-alternate-square {
width:100%;
}
.topic-links-alternate article:nth-of-type(odd),.topic-links-alternate article:nth-of-type(even) {
padding-left:0;
padding-right:0;
}
.stats .stats-square:first-of-type .stats-square-inner, .stats .stats-square:first-of-type{
padding-top:0;
}
.topic-links-alternate article:nth-of-type(2) {
margin-top:40px;
}
.mha-text {
overflow:visible;
}
.mha-img {
margin-bottom:15px;
}
.colorbar-text,.colorbar-link,.colorbar-tbl {
display:block;
width:100%;
}
.colorbar-text {
padding-bottom:15px;
text-align:center;
padding-right:0;
}
.colorbar-link {
text-align:center;
}
.colorbar-link a {
text-align:left;
}
.bf-links {
width:33.33%;
display:block;
float:left;
margin-bottom:25px;
}
.bf-links:nth-child(3) {
padding-right:0;
}
.accordion-detail > div {
overflow:visible;
}
.accordion-detail > img {
margin-bottom:15px;
}
.hide-mobile {
display:none;
}
.google-lang {
padding-top:0;
position:absolute;
top:0;
right:0;
}
.find-clubhouse {
right:auto;
left:10px;
top:2px;
}
.hdr-careers-link span {
padding-left:0;
}
}
@media only screen and (max-width:700px)
{
}
@media only screen and (max-width:650px)
{
.board-links-square {
width:50%;
}
.slide-subcallout {
font-size:21px;
}
h2,.featured-story-excerpt h2 {
font-size:26px;
margin-bottom:20px;
line-height:1.3;
}
.maincontent-section {
padding-top:35px;
padding-bottom:35px;
}
.maincontent-section h2 {
padding-top:0;
}
.page-intro p.page-intro-callout {
font-size:20px;
line-height:1.5;
}
.databar-horizontal .databar-wrapper:first-child {
display:block;
width:100%;
}
.databar-horizontal .databar-wrapper:first-child .stats-databar {
width:88%;
}
.databar-horizontal .databar-wrapper:first-child .databar-number {
padding-left:3px;
}
.location-search .form-default > div {
width:49.9%;
}
.location-search .form-default > div:nth-child(2n+1) {
padding:0 6px 0 0;
}
.location-search .form-default > div:nth-child(2n+2) {
padding:0 0 0 6px;
}
.clubhouse-popup {
padding:25px;
}
}
@media only screen and (max-width:600px)
{
.cols2 > div:nth-child(n) {
width:100%;
padding:0;
float:none;
}
.cols2 .mobile-show {
display:block;
}
.cols2 .mobile-hide {
display:none;
}
.research-box-quote {
padding:15px;
}
.cols2 > div:nth-child(2) h3:first-child {
margin-top:35px;
}
}
@media only screen and (max-width:580px) {
.slide-caption,.title-banner-caption {
display:none;
}
.research-box-quote-title {
font-size:20px;
}
}
@media only screen and (max-width:566px) {
.slide-wrapper,.slide {
height:400px;
min-height:400px;
}
.slide-text-inner {
height:400px;
width:100%;
padding:10px 55px;
margin:0;
}
.title-banner-text-inner {
height:400px;
width:100%;
padding:10px 25px;
margin:0;
}
}
@media only screen and (max-width:550px) {
.mha-img {
display:none;
}
.history-blurb > div {
width:100%;
}
/* change display-tbl from table structure to display blocks */
.display-tbl,.display-tbl > div, .display-tbl > div > div,.display-tbl > div > div:first-child,.display-tbl-55,.display-tbl-55 > div,.display-tbl-55 > div > div,.display-tbl-55 > div > div:first-child, .display-tbl:not(.display-tbl-center) > div > div:first-child,.display-tbl-33,.display-tbl-33 > div,.display-tbl-33 > div > div{
display:block;
width:100%;
text-align:center;
}
/* remove the right border for cells */
.display-tbl > div > div:not(:last-child),.light-tint-bg .display-tbl > div > div:not(:last-child) {
border-right:0;
}
/* hide the header row if there is a header */
.display-tbl:not(.display-tbl-no-header) > div:first-child {
display:none;
}
/* display the cell title from the attribute data-title */
.display-tbl:not(.display-tbl-no-header) > div > div[data-title]:not([data-title='']):before {
content:attr(data-title)'\003a';
margin-right:7px;
}
/* for the board members table, do not show the 'name' title, since it's obvious that it's a name */
.display-tbl-mobile-no-titles:not(.display-tbl-no-header) > div > div[data-title]:not([data-title='']):before {
content:'';
margin-right:0;
}
/* highlight the first 'cell' of each 'row' for readability*/
.display-tbl:not(.display-tbl-flags) > div > div:first-child {
font-weight:600;
}
/* bottom border on all cells except for last cell */
.display-tbl > div > div:not(:last-child) {
border-bottom:1px solid white;
}
/* bottom border on all cells except for last cell */
.light-tint-bg .display-tbl > div > div:not(:last-child) {
border-bottom:1px solid #efefef;
}
/* separate 'rows' with triple white border but not the last row*/
.display-tbl:not(.display-tbl-coalitions) > div:not(:last-child) > div:last-child {
border-bottom:5px solid #ffffff;
}
/* separate 'rows' with triple white border but not the last row*/
.light-tint-bg .display-tbl:not(.display-tbl-coalitions) > div:not(:last-child) > div:last-child {
border-bottom:5px solid #efefef;
}
/* display table coalitions will have the divider on every other row starting with the 2nd row */
.light-tint-bg .display-tbl.display-tbl-coalitions > div:not(:last-child):nth-child(2n+2) > div {
border-bottom:5px solid #efefef;
}
.display-tbl-flags > div > div:last-child {
display:none;
}
.maincontent .flag-img a, .maincontent .flag-desc a{
color:#007da4;
}
.flag-img,.flag-desc {
text-align:left;
}
.news-search,.events-calendar {
position:absolute;
right:10px;
bottom:5px;
margin:0;
}
.featured-story-excerpt-img {
display:none;
}
.featured-story-excerpt-text {
width:100%;
}
.featured-story-excerpt-text .button-box {
margin-top:15px;
}
.accordion-detail > img {
float:none;
margin:10px auto 15px auto;
}
.boardbio-img {
float:none;
margin:10px auto 15px auto;
}
.boardbio-text {
margin-top:0;
padding:10px 0 0 0;
}
.logo-img {
margin-bottom:12px;
width:75%;
margin-top:50px;
}
}
@media only screen and (max-width:516px) {
.mobile-search,.news-search {
display:none;
}
.bf-links li {
padding-bottom:7px;
}
.bf-links li.bf-links-title,.bf-links-title {
padding-bottom:10px;
}
.bf-links:not(:first-child) {
margin-top:20px;
}
.history-blurb img {
display:none;
}
.history-line > div:first-child > article:not(:first-child), .history-line > div:last-child > article {
margin-top:100px;
}
.start-feature-img,.start-feature-text {
width:100%;
padding:0;
}
.start-feature-img {
text-align:center;
}
.stats-text {
overflow:visible;
}
.stats-square .img-right img {
margin-bottom:10px;
}
.databar-number,.stats-heavy-big {
font-weight:600;
}
.databar-wrapper:not(:last-child) {
margin-bottom:25px;
}
.topic-links-img-alternate {
margin-bottom:15px;
margin-right:auto;
margin-left:auto;
float:none;
}
.topic-links-alternate-text {
width:100%;
}
.topic-links-alternate .main-link-wrapper {
left:0;
}
.mi-compared-graph > div > span:nth-child(1) {
width:100%;
text-align:left;
margin-bottom:2px;
}
.mi-compared-graph > div {
margin-bottom:15px;
}
}
@media only screen and (max-height:500px)
{
.clubhouse-popup img {
max-height:100%;
}
.clubhouse-popup > div {
top:0;
transform:none;
max-height:100%;
height:100%;
}
}
@media only screen and (max-width:450px) {
.nf-careers-text > div:nth-child(1),.nf-careers-text > div:nth-child(2) {
width:100%;
display:block;
padding-right:0;
}
.nf-careers-text > div:nth-child(2) {
text-align:left;
margin-top:10px;
}
.board-links-square {
width:100%;
}
}
@media only screen and (max-width:400px) {
.logo-img {
width:90%;
}
.bf-links {
display:block;
width:100%;
}
h2,h2.bf-awards-h2,.colorbar-text {
font-size:24px;
}
.bf-signup-connect {
width:100%;
max-width:280px;
}
h1.slide-callout {
font-size:28px;
}
.slide-subcallout {
font-size:19px;
}
.signup-box,.signup-box > div {
width:100%;
max-width:326px;
}
.signup-box input,.main-submit-signup {
width:100%;
}
.next-step-item {
width:100%;
max-width:325px;
}
.databar-number {
font-size:28px;
}
.stats-square .img-top img {
margin:20px 0 10px 0;
float:none;
}
.location-search .form-default > div {
width:100%;
}
.location-search .form-default > div:nth-child(2n+1) {
padding:0;
}
.location-search .form-default > div:nth-child(2n+2) {
padding:0;
}
}
@media only screen and (max-width:350px) {
.stats-square .img-right img {
float:none;
margin-top:20px;
}
.stats-square .img-top-small img {
margin:0 0 20px 0;
float:none;
}
}
/************* pagination ****************/
.pagination {
clear:both;
padding:20px 0;
position:relative;
font-size:11px;
line-height:13px;
}
.pagination span, .pagination a {
display:block;
float:left;
margin: 2px 2px 2px 0;
padding:6px 9px 5px 9px;
text-decoration:none;
width:auto;
color:#fff;
background: #828386;
}
.pagination a:hover{
color:#fff;
background: #C61230;
}
.pagination .current{
padding:6px 9px 5px 9px;
background: #C61230;
color:#fff;
}
/*****************************************/
/*****************************************/
/* mfindlay added for Norma 7/25/16 */
.red-callout {
color: #9b243e;
font-size: 22px;
font-weight: 500;
line-height: 1.4;
}
/********** homepage popup ***********/
.givingpopup {
text-align:center;
position:relative;
width:100%;
height:100%;
display:table;
}
.givingpopup > div {
display:table-cell;
width:100%;
height:100%;
vertical-align:middle;
text-align:center;
}
.givingpopup > div > table{
width:auto;
margin-left:auto;
margin-right:auto;
}
.popupdiv {
position:fixed;
z-index:99999;
background-color:rgba(245,245,245,.5);
top:0;
left:0;
right:0;
bottom:0;
display:none;
}
/* GOOGLE MAPS */
/* Always set the map height explicitly to define the size of the div
* element that contains the map. */
#map {
min-height:500px;
}
/* begin portal styles */
[class^="iconportal-"]:before, [class*=" iconportal-"]:before {
margin-right:10px;
vertical-align:auto;
}
@font-face {
font-family: 'icomoonportal';
src:url('/admin/fonts/icomoon.eot?fa0ygy');
src:url('/admin/fonts/icomoon.eot?fa0ygy#iefix') format('embedded-opentype'),
url('/admin/fonts/icomoon.ttf?fa0ygy') format('truetype'),
url('/admin/fonts/icomoon.woff?fa0ygy') format('woff'),
url('/admin/fonts/icomoon.svg?fa0ygy#icomoon') format('svg');
font-weight: normal;
font-style: normal;
}
[class^="iconportal-"], [class*=" iconportal-"] {
font-family: 'icomoonportal';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
font-size:16px;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.iconportal-plus2:before {
content: "\f067";
}
.iconportal-check-alt:before {
content: "\e800";
}
.iconportal-x-altx-alt:before {
content: "\e601";
}
.iconportal-search:before {
content: "\e986";
}
.iconportal-bin:before {
content: "\e9ac";
}
.iconportal-download3:before {
content: "\e9c7";
}
.iconportal-warning:before {
content: "\ea07";
}
.iconportal-notification:before {
content: "\ea08";
}
.iconportal-plus:before {
content: "\ea0a";
}
.iconportal-circle-up:before {
content: "\ea41";
}
.iconportal-circle-down:before {
content: "\ea43";
}
.iconportal-circle-down,.iconportal-circle-up {
vertical-align:text-bottom;
margin-left:3px;
color:#9b233f;
cursor:pointer;
}
.participants-error-msg {
background-color:#ffbaba;
color:#d8000c;
padding:10px 10px 9px 10px;
display:none;
margin-bottom:15px;
}
.error-msg {
background-color:#ffbaba;
color:#d8000c;
padding:10px 10px 9px 10px;
display:none;
margin-bottom:15px;
}
.success-msg {
color: #4F8A10;
background-color: #DFF2BF;
padding:10px 10px 9px 10px;
margin-bottom:15px;
display:none;
}
/* pagelock 06/29/20 */
.pagelock-error-msg {
background-color:#ffbaba;
color:#d8000c;
padding:10px 10px 9px 10px;
display:none;
margin-bottom:15px;
}
.pagelock-error-msg a {
color:#d8000c;
}
.pagelock-success-msg {
color: #4F8A10;
background-color: #DFF2BF;
padding:10px 10px 9px 10px;
margin-bottom:15px;
display:none;
}
a.pagelock-green ,.pagelock-success-msg a{
color: #4F8A10;
}
.error-msg > span,.success-msg > span,.pagelock-success-msg > span,.pagelock-error-msg > span,.participants-error-msg > span,.warning-msg > span {
vertical-align:middle;
}
/* end portal styles */