/* TABLE OF CONTENTS ***********/
/*
imports
general
logo
intro
sections
about
submissions
carousel
story
legal resources
support us
footer
spacers

/* ================================
imports
================================= */
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700|Open+Sans:400,300,700,800);
@import url('font-awesome.min.css');
/*@import url('overwrite.css');*/
@import url('dlmenu.css');
@import url('animate.css');

/* ================================
general
================================= */
body{
	margin:0;
	padding:0;
	text-align: center;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	line-height: 1.6em;
}

ul {
	text-align: left;
}

ol {
	text-align: left;
}

button {
	display: inline-block;
	margin-bottom: 20px;
	padding: 6px 12px;
	border: 1px solid transparent;
	/*border-radius: 80px;*/
	vertical-align: middle;
	text-align: center;
	white-space: nowrap;
	font-weight: normal;
	font-size: 14px;
	line-height: 1.428571429;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

button.navbar-toggle {
	background: #2b2b2b;
	border: none;
	color: #fff;
}

.btn:visited, .btn:hover, .btn a {
  color: white;
}

.btn {
  margin: 20px 30px;
}


/* =================
logo
==================== */

.logo img {
  width: 250px;
	/*margin-top: 20px;*/
  margin: auto;
	padding: 10px 10px 80px;
}

@media (min-width: 500px) {
  .logo img {
    width: 300px;
  }
}

/* ================================
intro
================================= */

#intro{
	min-height: 100vh;
	background-color: #529abb;
	background-position:center;
	background-repeat:no-repeat;
	overflow-y:hidden;
	text-align:center;
	position:relative;
  display: flex;
}

.intro-text {
  margin: 0 auto 0;
  font-size: 1.1em;
	max-width: 90%;
}

.home-container {
	height: calc(100vh - 100px);
	padding: 2em;
}

.intro i {
  width: 100px;
}

.story-quote {
  margin-bottom: 100px;
}

.intro-text p span {
	color:#fff;
	text-align:center;
	font-family: 'Architects Daughter', cursive;
	letter-spacing: 1px;
}

@media (min-width: 500px) {
  .intro-text {
  	margin-top: 50px;
  }
  .intro-text p span {
    font-size: 1.3em;
  }
  .story-quote {
    margin-bottom: 200px;
  }
}
@media (min-width: 700px) {
	.home-container {
		height: calc(100vh - 200px);
	}
  .intro-text {
  	margin-top: 100px;
  }
}
@media (min-width: 1000px) {
	.home-container {
		height: calc(100vh - 250px);
	}
  .intro-text {
  	margin-top: 150px;
  }
}
@media (min-width: 1500px) {
  .intro-text {
  	max-width: 50%;
  }
}

/* ================================
sections
================================= */

.home-section {
	padding: 50px 0px 100px 0px;
  margin: auto;
}

/* --- heading --- */
.section-heading {
	/*margin-bottom: 70px;*/
  margin-top: 100px;
}

.section-heading h2 {
	text-transform: uppercase;
}

.section-heading h3 {
	margin-bottom: 20px;
}

.section-heading .heading-line {
	margin:0 auto;
	display: block;
	height: 1px;
	width: 80px;
	background: #333;
	margin-top: 80px;
	margin-bottom: 20px;
}

.section-content {
	margin-top: 30px;
	margin-bottom: 20px;
  padding: 0 30px 0;
}

/* ================================
about
================================= */

.section-content h3 {
  font-size: 1.2em;
}

.about_text {
  text-align: center;
}

@media (min-width: 800px) {
  .home-section p {
    font-size: 1.2em;
  }
  .about_text {
    width: 100%;
    text-align: left;
  }
}

/* ================================
submissions
================================= */

.submissionBox {
  border: solid 1px black;
}

/* ================================
story
================================= */

form {
	max-width: 80%;
	margin: auto;
}

.input-group {
	width: 80%;
	margin: auto;
}

.story_text {
  text-align: left;
}

/* ================================
legal resources
================================= */

.resource {
	margin-bottom: 50px;
}

.resource h3 {
  font-size: 1.5em;
}

/* ================================
news
================================= */
.news {
  margin: 0 auto 50px;
  text-align: center;
  padding: 0 20px 0;
}
.news-wrapper {
  border: solid 1px black;
  padding: 25px 5px 0;
  border-radius: 15%;
  margin: 20px auto 0;
  min-height: 150px;
}

.news-icon {
  width: 20px;
}

.news-source {
  font-weight: bold;
}

.news-article a {
  color: blue;
}

/* ================================
support us
================================= */
ul.social-network {
	text-align: center;
	margin: 0;
	margin-left:0;
	padding: 10px 0 20px ;
	list-style: none;
}

ul.social-network li {
	display: inline;
	margin: 5px 5px;
}

ul.social-network li a:hover span .fa-circle {
	color: #2b2b2b;
}

/* ================================
footer
================================= */
footer {
	background: #2b2b2b;
	color: #ddd;
	padding: 50px 0 30px;
}

/* ==========================
spacers
============================= */
#spacer1{
	background-image: url(../img/spacer/river-sm.png);
	background-repeat: no-repeat;
	background-size: cover;
	font-family: 'Architects Daughter', cursive;
	letter-spacing: 1px;
}

#spacer2{
	background-image: url(../img/spacer/rooftops-sm.jpg);
	background-repeat: no-repeat;
  background-size: cover;
	font-family: 'Open Sans', sans-serif;
	font-style: oblique;
  font-weight: bold;
	color: black;
	letter-spacing: 1px;
	text-align: left;
}

#spacer3{
	background-image: url(../img/spacer/whanau-sm.jpg);
	background-repeat: no-repeat;
  background-size: cover;
	font-family: 'Architects Daughter', cursive;
	letter-spacing: 1px;
}

#spacer4{
	background-image: url(../img/spacer/wharf-sm.jpg);
	background-repeat: no-repeat;
  background-size: cover;
	font-family: 'Architects Daughter', cursive;
	letter-spacing: 1px;
}

#spacer5{
	background-image: url(../img/spacer/clouds-sm.png);
	background-repeat: no-repeat;
  background-size: cover;
	font-family: 'Architects Daughter', cursive;
	letter-spacing: 1px;
}

.spacer p {
	color: black;
}

@media (min-width:768px) {
	#spacer1{
		background-image: url(../img/spacer/river-lg.png);
		width: 100%;
	}
	#spacer2{
		background-image: url(../img/spacer/rooftops.png);
		width: 100%;
	}
	#spacer3{
		background-image: url(../img/spacer/whanau.png);
		width: 100%;
	}
  #spacer4{
  	background-image: url(../img/spacer/wharf-lg.jpg);
  }
	#spacer5{
		background-image: url(../img/spacer/clouds-lg.png);
	}
}