/*
==========================================================================
Bootstrap 4 cusomizations and original parallax styles by http://Alvarez.is
with modifications by BSR.

==========================================================================
*/



/* viewport and main structural elements
========================================================================== */
html, body {
	font-family: "proxima-nova", helvetica, sans-serif;
	font-weight: 200;
	color: #333;
}

div { /* border: 1px solid red; */ }

.row,
.row .row {
	margin-left: -15px;
	margin-right: -15px;
}

.main-content.container,
.section-start {
	padding-top: 1rem;
	padding-bottom: 1rem;
}

.section-break {
	padding: 4rem 0;
	margin-bottom: 0;
}

.overlap {
	position: relative;
	bottom: -15rem;
	height: auto;
}

.overlap-clear {
	padding-top: 6rem;
}


@media (max-width: 576px) {
	.desktop { display: none; }
	.main-content.container,
	.section-start {
		padding-top: 1rem;
		padding-bottom: 1rem;
	}

	.col { padding-top: 1.5rem; }
	.col-sm-4 { padding-top: 2.5rem; }
}





/* jumbotron and other full-width background images
========================================================================== */
.jumbotron {
	margin: 0;
	padding: 0;
}

.jumbotron.interior,
.jumbotron.home,
.reverse {
	background-position: center center;
	background-repeat: no-repeat;
	/* background-attachment: fixed; */
	background-size: cover;
}

.jumbotron.stories {
	background-position: center center;
	background-repeat: no-repeat;
	/* background-attachment: fixed; */
	background-size: cover;
}

.jumbotron,
.reverse { color: #fff; }

.jumbotron-fluid {
	margin-bottom: 0;
}

.jumbotron.home,
.jumbotron.home .row		{ height: 600px; }
.jumbotron.interior,
.jumbotron.interior .row	{ height: 450px; }


.jumbotron.home .row {
	display: table-cell;
	padding-bottom: 5rem;
	vertical-align: bottom;
}

.jumbotron.interior .row {
	display: table-cell;
	padding-bottom: 4rem;
	vertical-align: bottom;
}

.jumbotron .col-md-8 {
	margin-left: -15px;
}

.jumbotron.stories .story-display {
	padding: 2rem 0;
	height: 600px;
}

.jumbotron .container {

}

@media (max-width: 576px) {
	.jumbotron.home,
	.jumbotron.home .row,
	.jumbotron.interior,
	.jumbotron.interior .row { padding-bottom: 1rem; height: 320px; }
}





/* 	odd-numbered columns; thank you:
	http://www.wearesicc.com/quick-tips-5-column-layout-with-twitter-bootstrap/
---------------------------------------------------------- */
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
	position: relative;
	min-height: 1px;
	padding-right: 10px;
	padding-left: 10px;
}

.col-xs-15 {
	width: 20%;
	float: left;
}


@media (max-width: 767px) {
	.col-sm-15 {
		width: 50%;
		float: left;
	}
}

@media (min-width: 768px) {
	.col-sm-15 {
		width: 20%;
		float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
		width: 20%;
		float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
		width: 20%;
		float: left;
    }
}




/* navigation
========================================================================== */
.navbar-nav,
.sub-nav {
	text-transform: uppercase;
}

span.tm { text-transform: none; }

.sub-nav {
	background: #000;
}

.nav-social-media 		{ float: left; margin-left: -2.5em; }
.nav-secondary-links	{ float: right; padding-top: 0.5rem; }

.nav-social-media li,
.nav-secondary-links li {
	display: inline-block;
	padding-top: 1rem;
	line-height: 1;
}

.nav-social-media li { margin-right: 0.5rem; }
.nav-secondary-links li { margin-left: 1rem; }

.nav-secondary-links li,
.nav-secondary-links li a {
	color: #fff;
	font-size: 8pt;
	text-decoration: none;
}

.nav-social-media li a img		{ height: 1.25rem; }
.nav-secondary-links li a		{  }


.navbar .container {
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
	/* margin-bottom: 0.5em */
}

.navbar-expand-md {
	margin: 0;
	padding: 0;
}

.navbar .navbar-collapse {
	/* margin-top: 3em; */
}

.navbar-light .navbar-nav .nav-link {
	margin-left: 1em;
	color: #000;
	font-size: 1rem;
}





/* general typography
========================================================================== */
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	font-weight: 600;
}

.main-content p { margin-bottom: 1rem; font-size: 1.2rem; }
.main-content li { font-size: 1.2rem;  }

.main-content .lead,
.main-content .body-text p:first-child { font-size: 1.5em; }


strong { font-weight: 600; }

.channel-title {
	font-size: smaller;
	text-transform: uppercase;
}

.prominence 	{ font-size: larger; }
.prominence-1x 	{ font-size: x-large; }
.prominence-2x 	{ font-size: xx-large; }

.herhealth 		{ color: #f6a800; }
.herfinance 	{ color: #9fc80b; }
.herrespect		{ color: #00aed8; }
.her-light		{ color: #c0b8aa; }

.caption,
.main-content p.story-quote,
.main-content div .story-quote p {
	font-family: "adelle", georgia, serif;
	font-size: 1.25rem;
	font-weight: 200;
	font-style: italic;
}


.lists h5 {
	font-weight: 400;
}

.neutral		{ color: #b0aaa0; }
.her-primary	{ color: #ca5387; }

.lighter { font-weight: lighter; }

.secondary-content p {
	font-size: 1rem;
}

.fa-quote-left {
	text-align: center;
}

.main-content p.caption {
	font-size: 1rem;
}

.entry-list h2 {
	margin-bottom: 0.5rem;
}



@media (max-width: 576px) {
	.main-content .lead {
		font-size: 1.5rem;
	}
	.main-content p.story-quote,
	.main-content div .story-quote p {
		font-size: 1rem;
	}
}




/* non-navigatoin links
========================================================================== */
a:hover { text-decoration: none; }

.main-content a {
	color: #ca5387;
	border-bottom: 1px dotted #ca5387;
}

.main-content a:hover {
	text-decoration: none;
	border-bottom: 1px solid #ca5387;
}

.entry-list h2 a {
	color: #333;
	border-bottom: 1px dotted #333;
}

.entry-list h2 a:hover {
	border-bottom: 1px solid #333;
}

.jumbotron a,
.reverse a,
.stat-box a {
	color: #fff;
	border-bottom: 1px dotted #fff;
}

.stat-box.heressentials a {
	color: #6e767b;
	border-bottom: 1px dotted #6e767b;
}

.jumbotron a:Hover,
.reverse a:hover,
.stat-box a:hover {
	border-bottom: 1px solid #fff;
}

a.clean-link { margin-bottom: 0.5em; border: none; }
a.clean-link:hover {
	border-bottom: none;
}

a[data-toggle="modal"] { color: #333; border-bottom: 1px dotted #333; }
a[data-toggle="modal"]:hover { border-bottom: 1px solid #333; }

a[data-toggle="modal"] span.her-primary {
	color: #ca5387;
	border-bottom: 1px dotted #ca5387;
}

a[data-toggle="modal"]:hover span.her-primary {
	border-bottom: 1px solid #ca5387;
}


/* misc
========================================================================== */
.clear { clear: both; }
.spacing-05rem { padding-top: 0.5rem; }
.spacing-1rem { padding-top: 1rem; }

hr { border-top: 1px dotted #6e767b; }


.embed-responsive.pardot {
	margin-left: -40px;
	height: 1000px;
}

@media (max-width: 767px) {
	.embed-responsive.pardot {
		margin-left: -10px;
		height: 500px;
	}
}



/* buttons
========================================================================== */
.btn,
button.btn {
	/* padding: 0.75rem 2.5rem; */
	line-height: 1.2;
	font-size: 0.9rem;
	text-transform: uppercase;
	border-radius: 0;
	border-bottom: none;
}

a.btn:hover {
	color: #fff;
	border-bottom: none;
}

a.btn-neutral,
.footer .btn-neutral {
	color: #fff;
	background: transparent;
	border: 1px solid #fff;
}


a.btn-neutral:hover,
.footer .btn-neutral:hover {
	border: 1px solid #fff;
}

a.btn-light {
	color: #fff;
	background: #c0bbaa;
}

a.btn-light:hover,
a.btn-light:active {
	background: #c0bbaa;
}

a.btn-her-primary,
button.btn-her-primary,
input.btn-her-primary {
	color: #fff;
	background: #ca5387;
}

a.btn-herhealth {
	color: #fff;
	background: #f6a800;
}

a.btn-herfinance {
	color: #fff;
	background: #9fc80b;
}

a.btn-herrespect {
	color: #fff;
	background: #00aed8;
}

a.btn-transparent {
	background: none;
	color: #fff;
	border: 2px solid #fff;
}

a.btn-transparent:hover {
	background: #fff;
	color: #333;
	border: 2px solid #fff;
}


@media (max-width: 576px) {
	a.btn { font-size: 0.75rem; }
}




/* images and icons
========================================================================== */
.navbar-brand { padding: 0; }
.navbar-brand img {
	height: 120px;
}

.rounded-circle {
	border-radius: 50%;
	width: 70%;
}
.circle-her-primary {
	color: #ca5387;
	border: 8px solid #ca5387;
}

.circle-her-primary-reverse {
	color: #fff;
	background: #ca5387
}


.circle-neutral-reverse {
	color: #fff;
	background: #b0aaa0;
}

.circle-reverse {
	width: auto;
	border: 2px solid #fff;
}

.img-frame {
	border: 7px solid #fff;
}

.program-logo {
	height: 115px;
}

.partner-mark {
	max-width: 255px;
	max-height: 80px;
}



@media (min-width: 768px) {
	.circle-her-primary-reverse {
		height: 200px;
		width: 200px;
	}
	.circle-neutral-reverse {
		height: 200px;
		width: 200px;
	}
}

@media (max-width: 576px) {
	.navbar-brand img {
		margin-left: 20px;
		height: 55px;
	}
	.program-logo {
		height: 50px;
	}
}



/* backgrounds and callouts
========================================================================== */
.bg-info,
.bg-herrespect {
	background-color: #00aed8;
	color: #fff;
}

.bg-go,
.bg-herfinance {
	background-color: #9fc80b;
	color: #fff;
}

.bg-warning,
.bg-herhealth {
	background: #f6a800;
	color: #fff;
}

.bg-heressentials {
	background-color: #ffcf01;
	color: #333;
}

.bg-her-primary {
	background: #ca5387;
	color: #fff;
}

.bg-herhealth hr,
.bg-herfinance hr,
.bg-herrespect hr,
.bg-her-primary hr {
	border-top: 2px solid #fff;
}

.bg-neutral {
	background: #b0aaa0;
	color: #fff;
}

.stat-box {
	margin-top: 3rem;
	margin-bottom: 3rem;
	padding: 2.5rem;
	text-align: center;
	color: #fff;
}

.stat-box.heressentials {
	color: #333;
}

.stat-box:first-child {
	margin-right: 25px;
}

.stat-box.herhealth {
	background: url(/images/backgrounds/herproject-f6a800-80.png);
}
.stat-box.herfinance {
	background: url(/images/backgrounds/herproject-9fc80b-80.png);
}
.stat-box.herrespect {
	background: url(/images/backgrounds/herproject-00aed8-80.png);
}

.modules,
.modules:first-child {
	margin-top: 1rem;
	margin-right: 1px;
	margin-left: 0.75rem;
	padding: 2.75rem 1.5rem;
}

.focus-area {
	padding: 2rem;
	border: 4px solid #fff;
}


.bg-heressentials .focus-area {
	border: 4px solid #333;
}

.focus-label {
	display: inline-block;
	vertical-align: bottom;
}

.results {
	padding: 2rem;
	border-top: 1px solid #fff;
}
.results hr {
	border-top: 1px dotted #fff;
}

.results .display-5,
.jumbotron .display-5 {
	font-size: 2rem;
}

.jumbotron .display-1.site-name	{ font-weight: 400; }
.jumbotron .display-5			{ font-weight: 400; }


@media (max-width: 520px) {
	.jumbotron .display-1,
	.jumbotron .display-3 {
		font-size: 3rem;
		line-height: 1.1;
	}
	.jumbotron .display-5 {
		font-size: 1rem;
	}

	.jumbotron .lead {
		font-size: 1rem;
	}

	.stat-box {
		margin-top: 1rem;
		margin-bottom: 1rem;
		padding: 2rem;
	}

	.stat-box:first-child {
		margin-right: 0;
	}

	.col-sm-8.offset-2 {
		margin-left: 0;
	}
}




/* forms
========================================================================== */
.form label {
	margin-bottom: 1rem;
	font-size: 1.15rem;
	line-height: 1.25;
}
.form legend { margin-bottom: 0; }
.form-control,
.form-check-input {
	border: 1px solid #6e767b;
	border-radius: 0;
	color: #333;
}

.form-control.terms {
	font-size: 0.75rem;
	height: 400px;
	background: #eee;
}

.form label h4 {
	display: none;
	margin-top: 1rem;
	margin-bottom: 0;
}

.form p.caption,
.form span.caption {
	font-size: 0.8rem;
}



/* modal window
========================================================================== */
.modal-content { padding: 1rem 2.25rem; }

.modal-title { line-height: 1.1; }

.modal-body h5,
.card h5 { text-transform: uppercase; }
.modal-body h1 { padding-bottom: 0; }
.modal-body h4 { padding-bottom: 1rem; font-weight: 200; }

.modal-footer a.btn { color: #fff }


@media (max-width: 767px) {
	.modal-content { padding: 0.25rem; }
	.modal-content .display-3 {
		font-size: 2.75rem;
		line-height: 1;
	}
	.modal-content .lead {
		padding-top: 1.5rem;
		font-size: 1.5rem;
	}
	.modal-content p {
		line-height: 1.4;
	}
}




/* cards
========================================================================== */
.card {
	padding: 3.5rem 2rem;
	box-shadow: 2px 2px 6px 6px rgba(201, 201, 201, .5);
	border: 1px solid #c9c9c9;
}

.card h5 {
	font-size: 0.9rem;
	font-weight: 400;
	color: #9fc80b;
}

.card p,
.card li {
	font-size: 0.8rem;
}

.card-footer {
	background: #fff;
	border-top: none;
}

.resources .card {
	margin-bottom: 1.5rem;
	padding: 0;
	width: 30%;
}

.resources .card-title {
	font-size: 1.1rem;
}

.card-deck, .card-group {
	margin-bottom: 1.5rem;
	clear: both;
}

@media (max-width: 767px) {
	.resources .card {
		margin: 0 auto;
		width: 50%;
	}
	.resources .card-text {
		display: none;
	}
}

/* what we do
========================================================================== */
.activity-icon {
	width: 70%;
}


/* leader page
========================================================================== */
.iwd-supporter {
	margin-right: 3rem;
	max-height: 75px;
}
@media (min-width: 320px) {
	.iwd-supporter {
		margin-bottom: 1rem;
		max-height: 55px;
	}
}

.call-out {
	margin: 2rem auto;
	padding: 4rem;
	border: 20px solid #ca5387;
}
@media (min-width: 320px) {
	.call-out { padding: 2rem; }
}
.supporter img {
	padding: 2rem;
	background: #fff;
}
@media (min-width: 320px) {
	.supporter img { margin: -7rem auto 0 2rem; padding: 0.5rem; width: 50%; }
}


/* stories
========================================================================== */
.section-nav-footer { padding: 1.5rem; }

.jumbotron .section-nav {
	padding-top: 1.5rem;
}

@media (min-width: 768px) {
	.program-mark {
		height: 35px;
	}
}


@media (max-width: 415px) {
	.program-mark {
		height: 15px;
	}
}




/* pagination links
========================================================================== */
.pagination .page-item a {
	margin-left: 0.5rem;
	font-size: 1.25rem;
	border-bottom: none;
}

.pagination .page-item .page {
	padding: 0.25rem 0.5rem;
	border-bottom: 1px dotted #ca5387;
}




/* footer
========================================================================== */
.footer {
	padding: 3rem 0;
	color: #ccc;
	background: #000;
}

.footer .logo {
	padding-bottom: 0.5rem;
	height: 50pt;
}

.footer hr {
	padding: 0.5rem 0;
	border-top: 1px dotted #eee;
}

.footer h3 	{ font-size: 1.3rem; }
.footer p,
.footer li	{ font-size: 0.8rem; }
.footer p a,
.footer li a {
	color: #fff;
	text-decoration: none;
	border-bottom: 1px dotted #fff;
}
.footer p a:hover,
.footer li a:hover,
.footer p a:active,
.footer li a:active {
	border-bottom: 1px solid #fff;
}

.footer a.clean-link { border-bottom: none; }

.footer .nav-social-media {
	margin-left: 0;
}

.footer .nav-social-media img {
	width: 30px;
	height: 30px;
}

.footer h5 {
	padding-bottom: 0.5rem;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 11pt;
}

.footer .nav-item {
	margin-left: -3em;
	list-style: none;
}


.footer .dropdown-item {
	display: inline-block;
	padding: 0.5rem 0;
	color: #fff;
	font-size: 0.75rem;
}

.footer .dropdown-item:active,
.footer .dropdown-item:hover {
	background: none;
	color: #fff;
	border-bottom: 1px dotted #fff;
}