/* This is a test hello of the remote
Theme Name: Seven Magic Mountains
Theme URI: http://www.sevenmagicmountains.com
Author: Sunny Wanser for Braintrust
Author URI: http://www.braintrustlv.com
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sevenmm
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

sevenmm is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Infinite scroll
# Media
	## Captions
	## Galleries
# Customizations on Bootstrap
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
	clear: both;
	display: block;
	float: left;
	width: 100%;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation li {
	float: left;
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 1.5em;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul ul li {

}

.main-navigation li:hover > a,
.main-navigation li.focus > a {
}

.main-navigation ul ul :hover > a,
.main-navigation ul ul .focus > a {
}

.main-navigation ul ul a:hover,
.main-navigation ul ul a.focus {
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	left: 100%;
}

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a {
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: block;
	}
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
	width: auto !important;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
	width: auto;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}

/* Search widget. */
.widget_search .search-submit {
	display: none;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Customizations
--------------------------------------------------------------*/

body {
	color: #3c3c3c;
	font-size: 16px;
	font-weight: 300;
}

h1, h2, h3 {
	font-weight: 300;
	letter-spacing: 1px;
	text-transform: uppercase;
}

h1 {
	font-size: 24px;
	margin: 0;
	text-align: center;
}

h1.entry-title {
	margin: 0 0 40px;
}

h2 {
	font-size: 24px;
	margin-top: 30px;
}

h3 {
	font-size: 22px;
	line-height: 26px;
}

p {
	line-height: 26px;
	margin-bottom: 25px;
}

p a {
	color: #ff29ea;
}

a {
	color: #3c3c3c;
}

a:hover {
	text-decoration: underline;
	color: #3c3c3c;
}

img {
	width: 100%;
}

/*  Navigation  */

.navbar-default .navbar-brand {
	display: block;
	font-size: 25px;
	color: #3c3c3c;
	text-transform: uppercase;
	padding: 40px 0 0 15px;
}

.navbar {
	margin: 0;
}

.navbar-nav {
	float: left;
}

.nav.navbar-nav li:first-child {
	margin-left: 40px;
}

.nav.navbar-nav li:last-child {
	margin-right: -20px;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
	background: transparent;
	color: #ff29e9;
}

.navbar-default .navbar-nav > li > a {
	color: #3c3c3c;
	font-size: 18px;
	padding: 40px 28px;
}

.navbar-default .navbar-nav li a:hover,
.navbar-default .navbar-nav li.current-menu-item > a {
	color: #ff29ea;
	text-decoration: none;
}


/* TODO (NA) - Adjust sub-menu styles
 * for Media section
 */
.navbar-default .navbar-nav > li .sub-menu {
	display: none;
	position: absolute;
	top: 76px;
	z-index: 3;
	background: #ffffff;
	padding: 10px;
	width: 150px;
}

.navbar-default .navbar-nav > li .sub-menu li {
	padding: 0 10px 10px;
	list-style: none;
	margin-left: 0;
}

.navbar-default .navbar-nav > li .sub-menu li:last-of-type {
	padding-bottom: 0;
}

.navbar-default .navbar-nav > li:hover .sub-menu {
	display: block;
}
/* END TODO */


/*  Slider  */

.slider {
	padding: 0;
}

.slider-nav {
	text-align: center;
	margin-top: 30px;
}

.slider-nav ol {
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
	width: 100%;
	top: 0;
	left: 0;
}

.slider-nav ol li {
	cursor: pointer;
	display: inline-block;
	vertical-align: top;
	margin: 0 6px 0 0;
	padding: 0;
	background: url('img/slider-nav-inactive.png') no-repeat;
	width: 20px;
	height: 16px;
	border-radius: 0;
	border: 0;
}

.slider-nav ol li.active {
	background: url('img/slider-nav-active.png') no-repeat;
	border: 0;
	width: 20px;
	height: 16px;
	margin: 0 6px 0 0;
}

/*  Fade Transition  */
.carousel-fade .carousel-inner .item {
	opacity: 0;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
	opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
	left: 0;
	opacity: 0;
	z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
	opacity: 1;
}
.carousel-fade .carousel-control {
	z-index: 2;
}

/*  Home Grid  */

.countdown {
	padding-top: 60px;
}

.countdown span {
	margin: 0 20px;
	text-transform: uppercase;
}

.countdown strong {
	margin-right: 5px;
}

.home-content {
	padding-top: 60px;
}

.home-content h1 {
	text-align: left;
	font-size: 36px;
	margin-bottom: 0;
}

.home-content h2 {
	margin-top: 0;
}

p a.learn-btn {
	display: block;
	padding: 15px 0px;
	border: 1px solid #3c3c3c;
	text-align: center;
	font-size: 18px;
	width: 170px;
	margin: 30px 0;
	color: #3c3c3c;
}

.learn-btn:hover {
	background: #3c3c3c;
	color: #fff;
	text-decoration: none;
}

/*  Supporters Grid  */
.internal-content {
	margin-top: 60px;
	margin-bottom: 60px;
}

.supporters {
	margin-bottom: 0 !important;
}

.supporter-logos {
	margin: 40px auto;
}

.supporter-logo {
	border: 0;
	max-width: 212px;
	height: 110px;
	margin: 0 auto 40px;
}

.supporter-logo img {
	width: auto;
}

.supporter-names {
	margin: 0 auto;
}

.supporter-name {
	margin: 0 auto 40px;
}

/*  Learning Grid  */
h2.supporters-title {
	margin-top: 40px;
}

.teaching-tools {
	/*max-width: 715px;*/
	margin: 0 auto 60px auto;
	background: #fff;
	padding: 20px 0;
}

.teaching-tool {
	border: 1px solid #e5e5e5;
	padding: 20px 5px;
	background: #fff;
	margin-top: 40px;
}

.teaching-tool:first-child {
	margin-top: 0;
}

.teaching-tool:hover {
	background: #f3f5f6;
}

.teaching-tool h4 {
	font-size: 22px;
	font-weight: 300;
	margin: 0 0 20px;
	letter-spacing: .5px;
}

.tt-btn {
	display: inline-block;
	margin: 30px 0 20px 0;
	text-align: center;
	background: #fff;
	padding: 15px 40px;
	border: 1px solid #cccdcd;
	font-size: 18px;
	clear: both;
}

.tt-btn:hover {
	background: #3c3c3c;
	color: #fff;
	text-decoration: none;
}

.upcoming-events {
	margin-bottom: 60px;
}

.upcoming-event {
	margin-top: 40px;
	padding: 20px 5px;
	border: 1px solid #d3d3d3;
}

.ue-thumb {
	border: 1px solid #f2f2f2;
}

.ue-title {
	font-size: 22px;
	font-weight: 300;
	margin: 0 0 20px;
	letter-spacing: .5px;
}

.ue-btn {
	font-weight: 400;
}

.ue-date {
	margin: 0;
}

.ue-date strong, .ue-location strong, .pe-date strong, .pe-location strong {
	font-weight: 500;
	margin-right: 5px;
}

.past-event {
	background: #f9fafb;
	padding: 20px;
	margin-top: 30px;
}

.past-event h5 {
	font-size: 20px;
	margin: 20px 0;
	font-weight: 300;
}

.pe-date, .pe-location {
	text-align: left;
	margin: 0;
}

.pe-btn {
	display: block;
	margin: 30px auto 20px;
	text-align: center;
	background: #fff;
	padding: 15px 20px;
	width: 60%;
	border: 1px solid #cccdcd;
	font-size: 18px;
}

.pe-btn:hover {
	background: #3c3c3c;
	color: #fff;
	text-decoration: none;
}

/*  Gallery Grid  */
ul.gallery-nav {
	list-style: none;
	margin: 30px 0 60px;
	padding: 0;
}

ul.gallery-nav li {
	display: inline-block;
	vertical-align: top;
	margin: 0 50px;
}

ul.gallery-nav li:hover {
	text-decoration: underline;
	color: #3c3c3c;
}

#mixContainer .mix {
	display: none;
}

.gallery-nav .filter {
	cursor: pointer;
}

.filter.active {
	color: #ff29ea;
}

/*  Timeline Grid  */
.timeline {
	position: relative;
	margin-bottom: 60px;
}

.tl-select {
	position: relative;
	margin: 60px auto;
	z-index: 1;
}

.select-wrap {
	background: #fff url('img/select-bg.jpg') no-repeat 196px -1px;
	width: 250px;
	height: 51px;
	overflow: hidden;
	margin: 0 auto;
	border: 1px solid #818181;
	padding: 14px 20px;
}

.tl-select select {
	padding: 0;
	border: 0;
	background: transparent;
	width: 250px;
	cursor: pointer;
	border-radius: 0;
}

.tl-vertical {
	position: absolute;
	top: 40px;
	width: 1px;
	background: #cdcdcd;
	margin: 0 auto;
	height: 100%;
	left: 600px;
	z-index: 0;
}

.tl-event-wrap {
	position: relative;
	width: 415px;
	margin-left: 185.5px;
	z-index: 1;
	margin-bottom: 30px;
}

.tl-event-wrap.odd {
	margin-left: 576.5px;
}

.tl-event {
	display: inline-block;
	vertical-align: top;
	background: #fff;
	padding: 20px 25px;
	border: 1px solid #b3b2b2;
	max-width: 337px;
}

.tl-event.short {
	min-width: 337px;
}

.tl-event a {
	font-weight: 300;
}

.tl-event a:hover {
	text-decoration: underline;
}

.tl-date {
	font-weight: 400;
	margin-bottom: 15px;
}

.tl-event-thumb {
	margin-top: 15px;
	border: 1px solid #efefef;
}

.tl-handle, .handle-stem, .handle-knob {
	display: inline-block;
	vertical-align: top;
}

.tl-handle {
	margin-left: -4px;
	margin-top: 80px;
}

.handle-stem {
	width: 54px;
	height: 1px;
	background: #b3b2b2;
	margin-top: 10px;
}

.handle-knob {
	background: #fff;
	width: 20px;
	height: 20px;
	border: 1px solid #ff1bf1;
	border-radius: 50%;
	margin-left: -5px;
}

.odd .tl-handle {
	margin-left: 0;
	margin-right: -5px;
}

.odd .handle-knob {
	margin-left: 0;
	margin-right: -5px;
	border-color: #53c2ff;
}

.even .orange {
	border-color: #ff4f47;
}

.odd .green {
	border-color: #34d352;
}

/*  Connect  */
#ff-stream-1 {
	padding-top: 0;
}

.ff-stream-wrapper {
	margin-top: 0 !important;
}

/*  Footer  */

footer {
	border-top: 1px solid #e2e2e2;
}

.social-feed {
	width: 100%;
	overflow: auto;
	margin: 40px 0 0;
	background: #fff;
}

.social-square {
	float: left;
	width: 16.662%;
	height: 16.662vw;
	background: #ebfbff;
}

.social-square.tweets-box {
	background: #fff;
	max-height: 16.662vw;
	overflow: hidden;
	padding-top: 15px;
}

.tweets-box-header {
	position: relative;
	height: 35px;
}

.tweet-wrap {

}

.tw-branding, .tw-follow {
	position: absolute;
}

.tw-branding {
	top: 0;
	left: 15px;
	color: #1082d6;
	line-height: 1;
}

.tw-branding img {
	width: 19px;
	margin-right: 10px;
}

.tw-follow {
	top: 0;
	right: 15px;
}

#sb_instagram {
	background: #fff !important;
	float: left;
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}

#sb_instagram #sbi_images { 
	padding: 0 !important;
}

#sb_instagram #sbi_images .sbi_item {
	padding: 0 !important;
}

.rotatingtweets rotatingtweets_format_0 {
	width: 100% !important;
}

.rotatingtweet {
	padding: 5px 15px;
	width: 100% !important;
}

.rotatingtweet p {
	font-size: 14px !important;
	line-height: 18px;
}

.rotatingtweet p a {
	color: #1082d6;
}

.rotatingtweet .rtw_meta {
	font-size: 13px;
	line-height: normal;
}

.footer-row {
	padding-top: 40px;
}

.copyright {
	font-size: 14px;
	margin-top: 17px;
	margin-bottom: 40px;
}

.footer-logos {
	margin-bottom: 40px;
	text-align: left;
}

.footer-logo {
	display: inline-block;
	vertical-align: middle;
}

.footer-logo {
	margin-right: 40px;
}

.footer-logo:last-of-type {
	margin-right: 0px;
}

.newsletter {
	margin-bottom: 40px;
}

.newsletter input[type="text"],
.newsletter input[type="email"] {
	padding: 13px 20px;
	border: 1px solid #818181;
	margin-top: 10px;
	margin-right: 5px;
	width: 70%;
}

.newsletter input[type="submit"] {
	padding: 15px 20px;
	background: #b2b2b2;
	margin-top: 10px;
	border: 0;
	color: #fff;
	font-weight: 400;
	height: 55px;
	width: 28%;
	text-align: center;
}

div.wpcf7 img.ajax-loader {
	width: auto;
	display: block;
	text-align: center;
	margin: 0.5em auto;
}

div.wpcf7-response-output {
	margin: 0;
	display: inline-block !important;
}

/* Gallery Custom Classes */

.pointer {
	cursor: pointer;
}

.preview-thumb {
	position: relative;
	margin-top: 20px;
}

.preview-thumb i {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -10px;
	margin-top: -15px;
	color: rgba(255, 255, 255, 0.8);
}

.modal-body img {
	width: auto;
	max-width: 100%;
	height: auto;
}

.modal-body iframe {
	max-width: 100%;
	height: auto;
	min-height: 300px;
}

@media screen and (max-width: 640px) {
	min-height: 0;
}

.gallery-row {
	padding-top: 15px;
	padding-bottom: 15px;
}

.gallery-row:first-child {
	padding-top: 0;
}

.gallery-item {
	padding-bottom: 30px;
}

.secondary-title {
	margin: 60px 0 30px 0;
}

.search-form {
	margin-bottom: 1.5em;
}

/*  Responsive Media Queries  */

@media (min-width: 1200px) {
  .container {
    width: 1200px;
  }
}

@media (max-width: 1200px) {
  .navbar-default .navbar-nav > li > a {
    padding: 40px 20px;
  }
  .container {
	  width: 100%;
  }
}

@media (max-width: 1000px) {
	.tl-vertical {
		left: 50%;
	}
	.tl-event-wrap, .tl-event-wrap.odd {
		width: 100%;
		margin-left: 0;
		margin-bottom: 50px;
	}
	.tl-event {
		max-width: 100%;
		width: 100%;
	}
	.tl-handle, .odd .tl-handle {
		display: block;
		margin: 0;
	}
	.handle-stem {
		display: none;
	}
	.handle-knob {
		display: none;
		margin: -10px auto 0;
		position: relative;
	}
}

@media (max-width: 990px) {
	.navbar-default .navbar-brand {
		font-size: 20px;
	}
	.navbar-default .navbar-nav > li > a {
		padding: 40px 15px;
		font-size: 16px;
	}
	.nav.navbar-nav li:first-child {
		margin-left: 20px;
	}
	.copyright {
		text-align: center;
	}
	.tl-event.short {
		min-width: 0;
	}
	#sb_instagram {
		width: 100% !important;
	}
	.social-square {
		display: block;
	}
	.social-square, .sbi_item {
		width: 25% !important;
		height: 25vw;
	}
	.social-square.tweets-box {
		float: none;
		display: block;
		width: 100% !important;
		height: auto !important;
		overflow: visible;
		max-height: none;
		padding-top: 20px;
		padding-bottom: 15px;
		border-top: 1px solid #b8e0ff;
	}
	.tw-follow {
		left: 110px;
	}
	.footer-logos {
		text-align: center;
	}
}

@media (max-width: 768px) {
	.navbar-default .navbar-brand {
		padding: 15px;
		font-size: 18px;
	}
	.navbar-default .navbar-nav > li > a {
		padding: 15px;
		font-size: 16px;
	}
	.nav.navbar-nav li:first-child {
		margin-left: 0px;
	}
	.nav.navbar-nav li:last-child {
		margin-right: 0;
	}
}

@media (max-width: 640px) {
	.social-square, .sbi_item {
		width: 50% !important;
		height: 50vw;
	}
}

@media (max-width: 460px) {
	.social-square, .sbi_item {
		width: 100% !important;
		height: 100vw;
	}
	#sb_instagram {
		width: 100% !important;
	}
	.newsletter input[type="submit"] {
		font-size: 14px;
		padding: 15px 15px;
	}
	.countdown span {
		display: block;
	}
}


/* Update to Supporters Page - Not going to work with floats
so ditching bootstrap */

.twentyfive {
	width: 25%;
}

.inline {
	display: inline-block;
	margin-right: -4px;
}

.middle {
	vertical-align: middle;
}

.whole {
	display: block;
	width: 100%;
}

.supporter-logo {
	height: auto !important;
}

.section-title {
	margin-bottom: 1em;
}

@media screen and (max-width: 1024px) {
	.twentyfive {
		width: 33.33%;
	}
}

@media screen and (max-width: 768px) {
	.twentyfive {
		width: 50%;
	}
}

@media screen and (max-width: 400px) {
	.twentyfive {
		width: 100%;
	}
	.inline {
		display: block;
		margin-right: 0;
	}
}