/* viewport, major structural divs
========================================================== */
html, body {
	background: #fff;
	font-family: "proxima-nova", "helvetica neue", helvetica, arial, sans-serif;
	vertical-align: top;
	color: #333;
}

.section-start { padding-top: 3rem; padding-bottom: 3rem; }
.clear { clear: both; }
.hidden { display: none; }

.gisc-members { padding: 4rem 0; }

.what-is {
	margin-top: 0;
	color: #fff;
	background: url(/images/heroes/whats-impact-sourcing.jpg) top left no-repeat;
	background-size: cover;
}

.partnership {
	color: #fff;
	background: url(/images/heroes/global.jpg) bottom left no-repeat;
	background-size: cover;
}

.why-join {
	color: #fff;
	background: url(/images/heroes/why-join.jpg) top left no-repeat;
	background-size: cover;
}


/* 	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 (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;
    }
}


/* site-wide elements
========================================================== */
hr { border-top: 1px dotted #6e767b; }
.bottom {
	display: inline-block;
	vertical-align: bottom;
}

.force-bottom-hack {
	clear: both;
	position: absolute;
	bottom: 0;
}


/* modal windows
========================================================== */
.modal-content {
	padding: 3rem 2rem;
}
.modal-title {
	font-size: 55px;
	line-height: 1.2;
}


/* branding elements
========================================================== */
.mark {
	margin-bottom: 1rem;
	height: 100px;
	background: transparent;
}

@media all and (max-width: 1199px) { }
@media all and (max-width: 991px) { }
@media all and (max-width: 415px) { }
@media all and (max-width: 320px) { }



/* marin structural elements
========================================================== */
.jumbotron {
	margin-bottom: 0;
	color: #fff;
	border-radius: 0;
	background-size: cover;
}
.jumbotron.home {
	padding-top: 4.75rem;
	padding-bottom: 5rem;
}


@media all and (max-width: 1199px) {
	.jumboton {
		padding: 0;
	}
}

@media all and (max-width: 991px) { }

@media all and (max-width: 415px) {
	.jumbotron {

	}
}

@media all and (max-width: 320px) { }




/* navigation bar
========================================================== */
.navbar-dark .navbar-nav .nav-link {
	padding-right: 1.5rem;
	padding-left: 0;
	color: #fff;
	text-transform: uppercase;
	font-size: 10pt;
	font-weight: 600;
}

.navbar-nav.ml-auto li.nav-item a.nav-link {
	padding-right: 0;
}

.dropdown-item {
	text-transform: uppercase;
	font-size: 10pt;
}

@media all and (max-width: 1199px) { }
@media all and (max-width: 991px) { }

@media all and (max-width: 415px) {
	.navbar-dark .navbar-nav .nav-link,
	.dropdown-item {
		font-size: 15pt;
	}
}

@media all and (max-width: 320px) { }



/* non-nav links
========================================================== */
.section-start a,
.section-start a {
	color: #00aed8;
	border-bottom: 1px dotted #00aed8;
}
a:hover, a:active { text-decoration: none; }

.section-start a:hover,
.section-start a:hover {
	border-bottom: 1px solid #00aed8;
}


/* site-wide typography
========================================================== */
.jumbotron .lead { font-size: 16pt; }

.sidebar h2 { font-size: 18pt; }
.sidebar h3 { font-size: 16pt; }
.sidebar h3 + p { padding-bottom: 1rem; border-bottom: 1px dotted #6e767b; }

h2, h3 { margin-bottom: 0.25rem; }
h2 + p,
h3 + p { margin-top: 0;}

strong { font-weight: 600; }

.subtitle { margin-bottom: 1rem; }

.blockquote-container {
	padding: 2rem 1.5rem;
	font-family: georgia;
	font-style: italic;
	font-size: smaller;
	border-top: 5px solid #ddd;
	border-bottom: 5px solid #ddd;
}

.blockquote-container .blockquote-attribution {
	font-family: "proxima-nova", "helvetica neue", helvetica, arial, sans-serif;
	font-style: normal;
}

.blockquote-attribution:before { content: "\2014" }

.caption {
	font-family: "adelle", georgia, palatino, serif;
	font-style: italic;
	font-size: smaller;
	line-height: 1.4;
	color: #333;
}

blockquote {
	padding: 0;
	font-size: 11pt;
	font-style: italic;
	border: none;
}

blockquote.stories {
	margin-left: 15%;
	margin-right: 15%;
	padding: 0.25em 1em;
	font-size: 13pt;
	text-align: center;
}

.category-label,
.byline {
	text-transform: uppercase;
	font-size: smaller;
}

@media (max-width: 414px) {
	.display-4 { font-size: 2rem; }
}

/* colors: backgrounds, type, buttons
========================================================== */
.btn { border-radius: 0; }
.btn-transparent { background: transparent; }

.jumbotron .btn,
.bg-primary .btn,
.bg-secondary .btn,
.section-start .btn { border: 1px solid #fff; color: #fff; }

.bg-dark,
.bg-primary { background: #00aed8 !important; }
.bg-secondary { background: #9fc80b !important; }

.bg-primary { color: #fff; }

.btn { border: none; transition: color 0.55s ease-in-out, background-color 0.55s ease-in-out; }
.btn-primary { background: #00aed8; }
.btn-primary:hover { background: #017692; }
.btn-secondary { background: #9fc80b; }
.btn-secondary:hover { background: #859e2b; }

.what-we-do .rounded-circle {
	border: 8px solid #333;
	width: 60%;
}

.primary	{ color: #00aed8; }
.secondary	{ color: #9fc80b; }

.light		{ color: #aeaeae; }

@media (max-width: 414px) {
	.btn-lg { font-size: 1.1rem; }
}



/* home
========================================================== */
.gisc-members { padding: 30px 0; }
.member-slider {
	height: auto;
	margin: 0 auto;
	padding: 75px 0;
	width: 100%;
}
.member-slider ul {
	height: 100px;
	overflow: hidden;
}
.member-slider li {
	display: inline-block;
	margin: 0 80px;
	padding: 0;
	width: 30%;
}

@media (max-width: 414px) {
	.member-slider li {
		padding: 5px;
		width: 100%;
	}
}


/* IS challenge
========================================================== */
.pledges .equalize {
	height: 75px;
	max-height: 75px;
}
.pledges h3 {
	margin-top: 1rem;
	margin-bottom: 0;
	color: #00aed8;
	font-size: 44pt;
}


/* members
========================================================== */
.member-mark {
	padding: 2rem 1rem;
	max-width: 300px;
}

.cs-member-mark {
	max-width: 180px;
}

/* resources
========================================================== */
.resource-item {
	padding-top: 2rem;
	border-bottom: 1px dotted #6e767b;
}



/* why join
========================================================== */
.form-embed {
	margin-left: -10px;
}

.bg-primary .blockquote-container {
	border-top: none;
	border-bottom: none;
	font-size: larger;
}


/* what we do
========================================================== */
@media (max-width: 414px) {
	.what-we-do .rounded-circle { width: 40%;
	}
}



/* misc.
========================================================== */
hr {
	margin: 1.5rem 0;
	border-top: 1px dotted #6e767b;
}

.pagination .disabled .page-link {
	color: #fff;
	background: #00aed8;
}


/* footer elements
========================================================== */
footer {
	padding-top: 2.5rem;
	padding-bottom: 2.5rem;
	font-size: smaller;
	color: #fff;
	background: #333;
}

footer .mark { height: 70px; }

footer .btn-transparent {
	margin-top: 1rem;
	color: #fff;
	border: 1px solid #fff;
}
footer .btn-transparent:hover {
	color: #333;
	background: #fff;
}

footer ul { margin-bottom: 0; }

footer .list-inline,
footer .list-inline-item a,
footer .link-inline { color: #fff; }

footer .list-inline-item a,
footer .link-inline { border-bottom: 1px dotted #fff; }

footer .list-inline h5 {
	display: inline-block;
	text-transform: uppercase;
	font-size: 12pt;
	font-weight: 600;
}

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